CSS BEM 네이밍 기법 사용하기 - 오답노트

1. position: absolute 의 부모가 되는 기준 : relative, fixed, transform

 

2. CSS 특이성 점수

특이성 점수	선택자	예시
1000	인라인 스타일	<div style="...">
100	ID 선택자	#myElement
10	클래스 선택자, 속성 선택자, 가상 클래스 선택자	.myClass, [class="menu"], :hover
1	요소 선택자, 가상 요소 선택자	p, :before

020 점수를 유지하는 것이 가장 바람직하다.

 

3. 아토믹 CSS 방법론은 UI를 작은 단위의 구성 요소로 분해하여 설계하는 방법론. UI 요소들을 재사용 가능한 작은 모듈로 만들고, 이 모듈들을 조합하여 확장 가능하고 일관성 있는 디자인 시스템을 구축하는 것을 목표로 한다.

ex) .btn, .search-bar, .product-card, .main-layout, .home-page, mt-10 등