[CSS] 가상요소에 폰트어썸(Font Awesome) 사용하기
폰트어썸이란(Font Awesome)? 폰트어썸(Font Awesome)은 벡터 기반의 아이콘 라이브러리입니다. 웹 개발자들이 웹사이트 또는 애플리케이션에서 아이콘을 사용할 때 유용하게 활용할 수 있습니다. 그래픽 폰트 또는 아이콘 폰트라고도 합니다.폰트어썸같은 그래픽 폰트를 사용하면 벡터 …
마진겹침(병합,상쇄) 현상에 대한 고찰
마진겹침((Margin Collapsing,상쇄,병합)에 대해 원인과 대처법에 대한 알아본다.
가상요소(::before, ::after)가 안보이거나 애니메이션 되지 않을 때
웹표준에 맞춰 바른 마크업을 하기위해서는 가상요소를 사용하게 되는 경우가 많습니다. 가상요소를 분명이 오타없이 적용했는데 보이지 않는 이유와 원인들을 정리하여 같은 이유로 고생하시는 분들에게 조금이라도 도움이 되고자 싶어 정리해 봅니다. 가상요소는 …
도메인에 www가 있는것과 없는 것의 차이점
일반적으로 “www”는 World Wide Web의 약자로 사용되는 서브도메인입니다. 2차 도메인이라고도 부르기도 하죠. 주소에 “www”를 포함시키는 것과 포함시키지 않는 것 사이에는 몇 가지 차이점이 있습니다. 저희가 ‘서울시’라고 부르는 것과 ‘서울시 구로구’라고 …
크롬 개발자 도구에서 hover/focus 상태 확인하는 방법
개발자 도구를 통해서 CSS 적용상태를 확인하거나 수정해보는 경우가 있는데 마우스를 올렸을 때나 포커스를 가진 경우의 디자인을 보고 싶은 경우가 있습니다. 하지만 개발자 도구에서 그 항목을 보려는 순간 이벤트가 해제되면서 CSS확인이 …