728x90 반응형 Coding With Jina/CSS17 [CSS] 태그 기본 스타일 초기화 - all속성 unset ● all 속성 - all: unset; - 태그의 기본 스타일 값을 초기화 시켜주는 속성 button{ all: unset; } 이렇게 기본 버튼 모양이 초기화되어, 텍스트만 남게된다. 따로따로 초기화 시켜주려면 ↓↓↓↓↓ ● textarea textarea{ /*기본스타일초기화*/ resize: none; border: none; overflow:hidden; } textarea:focus { outline: none; } ● ● ● ● ● 2022. 11. 6. [CSS] [퍼온글] flexbox로 만들 수 있는 10가지 레이아웃 flexbox를 활용한 10가지 레이아웃 사례 이 글에서는 실무에서 많이 사용하는 다음 10가지 레이아웃을 flexbox로 구현하는 방법을 소개한다. 이 레이아웃은 기존의 display 속성이나 float 속성, position 속성 등으로는 구현이 어렵거나 구현이 불가능하다. 하지만 flexbox를 사용하면 쉽게 구현할 수 있다. 레이아웃 1 - 스크롤 없는 100% 레이아웃 레이아웃 2 - 내비게이션 영역 레이아웃 3 - 브라우저 화면 아래에 붙는 푸터 레이아웃 4 - 정렬이 다른 메뉴 레이아웃 5 - 폼 레이블 수직 중앙 정렬 레이아웃 6 - 중앙 정렬 아이콘 레이아웃 7 - 유동 너비 박스 레이아웃 8 - 말줄임과 아이콘 레이아웃 9 - 위아래로 흐르는 목록 레이아웃 10 - 가로세로 비율을 유지.. 2022. 10. 21. [CSS] a태그 기본 스타일 없애기/ a 태그 기본스타일초기화 - 밑줄 없애기, 색상 없애기 a:link{text-decoration: none;} a:visited,a:active{color: 원래 설정하고 있는 색상;} a:link : 링크 방문 전 상태 a:visited : 링크 한번 클릭해서 방문 후 상태 a:active : 마우스로 클릭한 상태 가져다 복붙하면 a 링크 기본 스타일은 다 초기화됨 2022. 10. 20. [CSS] Font Awesome 아이콘 보이지 않을때 해결법 포트폴리오 작업 중에 아이콘을 사용할 일이 생겼는데 갑자기 아이콘이 나오지 않았다. 분명 HTML 안에 나의 Kit’s를 잘 복붙하고, 아이콘 태그도 넣은 것을 확인했는데도 아이콘이 안나왔다. 깃허브 아이콘이 나와야하는데 나오지 않음..ㅠㅠ 찾아보니 폰트어썸 버전 업그레이드가 필요해서 그런 것 같았다. 해결방법 -> 로그인 후 kit's 설정 버전 업그레이드하기! 1) 폰트어썸 로그인 후 kit 메뉴 클릭하고 설정버튼 클릭 2) 버전을 가장 최신버전으로 바꿔주고 꼭 저장버튼 누르기! 3) 이렇게 하니까 자동으로 아이콘이 다시 뜸! 완성! 2022. 10. 13. [CSS] 버튼 디자인 없애기 / 버튼 기본 CSS 없애기 border: 0; outline: 0; 또는 이런식으로 해도 됨 https://coding-with-jina.tistory.com/185 [CSS] 태그 기본 스타일 초기화 - all속성 unset ● all 속성 - all: unset; - 태그의 기본 스타일 값을 초기화 시켜주는 속성 button{ all: unset; } 이렇게 기본 버튼 모양이 초기화되어, 텍스트만 남게된다. 따로따로 초기화 시켜주려면 ↓↓↓↓↓ ● te coding-with-jina.tistory.com 2021. 2. 16. [CSS] 항상 하단에 고정하기 position: absolute; left: 0; bottom: 0; width: 100%; 2021. 2. 15. 이전 1 2 3 다음 728x90 반응형
