반응형 Frontend/CSS3 레이아웃 깨알 지식 1. Block Type과 Inline Type 1) Block Type - 세로로 배치됨 - 태그, 리스트 태그 2) Inline Type - 가로로 배치됨 - 태그 2. float 문제 해결 여기서 소개할 기법들은 내용이 박스를 벗어났을 때의 처리를 위한 역할과 float 속성을 지닌 자식 태그를 가진 부모 태그에게 높이를 부여하는 역할을 모두 한다. 부모 태그에게 별도로 height 속성을 지정해주지 않으면 높이가 사라지게 되는 문제를 해결하기 위한 목적이다. 1) 부모 선택자에 {overflow : hidden;} 부여 2) 부모 선택자:after에 {content:""; clear:both; display:block;} 부여 -> 추천! 3. @import 1) 의미 CSS파일에 또 다른 CSS.. 2021. 6. 15. Fontello 아이콘으로 실제 Youtube 연결 하기 http://fontello.com/ Fontello - icon fonts generator This site will not work if cookies are completely disabled. {"assets_hash":"a3410d362ed25bd7cfd803daf277b9d7","page_data":{},"locale":"en-US","layout":"fontello.layout"} fontello.com 확대 해도 깨지지 않는 아이콘을 다운받는 꿀사이트 웹페이지를 한 층 더 멋지게 만들어준다. 원하는 폰트를 클릭하고 download webfont를 누르면 파일이 다운된다. 이 두 폴더를 자신이 원하는 위치에 놓고 사용하면 된다. demo라는 웹사이트에 들어가면 아이콘명을 확인할 수 있다.. 2020. 8. 21. 전 세계 CSS 인기 속성 통계 약 121만개의 웹 사이트에 대한 통계 자료이다. 지금은 사이트에 들어가도 이 그래프를 볼 수 없지만 이미지 자료는 남아있다. 글자 크기, 색, 공백, 여백, 선 같이 웹 design에 빼놓을 수 없는 속성들이 상위 랭크를 차지하였다. 테두리가 아닌 단일선도 주로 border을 이용하는 듯 하다 2020. 8. 11. 이전 1 다음