'bem' 태그의 글 목록

BEM의 개념BEM은 "Block, Element, Modifier"의 약자로, CSS를 구조화하고 모듈화하는 방법론 중 하나이다. 이 방법론은 유지 보수가 쉬운, 확장 가능하며 재사용 가능한 CSS 코드를 작성하는 것을 목표로 한다.BEM 방법론은 다음과 같이 작동한다.Block: 페이지나 모듈을 구성하는 큰 단위를 나타낸다. 이것은 레이아웃이나 UI 컴포넌트를 나타내는 이름을 가질 수 있다.Element: Block 내부에 있는 작은 단위를 나타낸다. 이것은 블록 내부의 부분적인 요소를 나타내며, 블록 이름을 접두사로 사용하여 작성된다.Modifier: 블록이나 요소의 상태나 모양을 나타낸다. 이것은 블록이나 요소 이름 뒤에 하이픈을 사용하여 작성된다.예를 들어, 블록으로 'header'를 사용하면 ..

CSS 2023. 3. 20. 09:53

이전 1 다음