CSS 마진 상쇄(Margin collapsing) 이해하기
블록 요소의 상하 마진이 겹치면 한쪽 값만 적용되는 마진 상쇄가 언제 일어나는지, 어떤 규칙으로 계산되는지, 예외는 무엇인지 그림과 함께 정리했다.
CSS와 마크업5편
2022
2021
[Emmet] 마크업 언어를 좀 더 빠르게 쓰자
#page>#nav>ul>li.item{hello$}*5+dl^dd + tab
[CSS: flex box] flex item의 정렬과 간격 / justify-content /align-items/ align-content
1) flex-start [default]
모바일에서 CSS hover 효과가 사라지지 않는 문제 해결
터치 기기에서는 탭한 뒤에도 hover 상태가 남는다. hover와 pointer 미디어 쿼리로 입력 장치를 구분하고, 필요하면 터치 이벤트로 상태를 지우는 방법을 정리했다.
BEM은 CSS표기법
BEM은 CSS 개발 방법론, 네이밍 컨벤션이다. html 요소들을 각각 Block, Element, Modifier 세 가지로 분류해 작명한다. Block 다음에 Element(내부요소) 혹은…