Notice
Recent Posts
Recent Comments
Link
«   2025/10   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
Tags
more
Archives
Today
Total
관리 메뉴

죽이죽이

CSS : 방법론 - BEM 방식 본문

CSS

CSS : 방법론 - BEM 방식

죽이죽이 2024. 1. 18. 01:32
  • BEM (Block__Element--Modifier)
※ BEM 이란
- Block : 전체를 감싸고 있는 블럭요소
- Element : 요소 (블럭이 포함하고 있는 한 조각)
- Modifier : 블럭 또는 요소의 속성

※ 사용하는 이유
- 목적이나 기능을 직관적으로 파악할 수 있다.
- 구성요소의 구조를 알 수 있다.
- 선택자 특이성을 낮은 수준으로 유지할 수 있다.

※ 주의 사항
- BEM은 기본적으로 ID에서는 사용되지 않으며, Class에서만 사용한다.
- 최대한 모든 이름은 간단명료해야한다.

※ 예시