본문 바로가기

CSS1

[CSS] BEM (Block Element Modifier) BEM 의미 BEM은 Block, Element, Modifier로 구성된 클래스 이름을 짓는 CSS 방법론이다. BEM 방법론은 id에서 사용하지 않으며, 오직 class명에만 활용할 수 있다. "어떻게 보이는가"가 아니라 "어떤 목적인가"에 따라 이름을 짓는다. Block Element Modifier 재사용 가능한 독립적인 블록 블록을 구성하는 종속적인 하위 요소 블록 또는 요소의 변형 (모양, 상태, 동작) BEM을 사용하는 이유 BEM 명명 규칙은 세 가지 뚜렷한 이점을 제공 BEM은 목적 또는 기능을 전달 BEM은 구성 요소의 구조를 전달 BEM은 선택자 특이성을 항상 낮은 수준으로 유지 BEM 특징 의미론적 클래스 선택자 작명 규칙 약어 사용 피하기 다른 형식의 선택자 사용을 제한 --, _.. 2022. 2. 22.

이전 1 다음

728x90

티스토리툴바