[HTML&CSS] CSS - BEM 방법론
2020. 1. 26. 16:17
BEM 방법론은 css를 작성할때 좀더 효율적이고 유지보수가 쉽도록 해주는 일종의 규칙이다. B (Block) E(Element) M(Modifier) 으로 구조를 나누어서 class이름을 주는것이다. 이 규칙을 적용하면 모듈화가 편해 코드의 재사용성도 올라가게되어 여러모로 좋은 방법론인것 같다. B - Block 블록은 말 그대로 html에서 요소들을 감싸고 있는 큰 요소이다. (컨테이너라고 이해해도 되겠다.) 블록은 아무 dom node가 와도 상관없다. (위는 예시로 div태그를 사용한것일뿐) class 이름을 붙일때는 해당 dom node가 block이라는것만 알도록 naming 해준다. (한단어로 해주면됨.) (ex. ... ) css를 작성할때는 class만 사용한다. (tag name, id..