CSS 네이밍

FRONTEND/HTML, CSS

[CSS] 네이밍 규칙

새로운 페이지를 만들때 항상 고민되는 변수명 짓기 Javascript에서는 흔히 Camel Case로 불리는 컨벤션 규칙을 사용한다. 띄어쓰기 없이 변수명을 붙여쓰되 이어지는 단어의 첫 글자는 대문자로 작성한다. const myName = document.getElementById('...') 하지만 CSS에서 카멜케이스 사용은 적합하지 않다. BAD .selectBtn { border: 1px solid blue; } GOOD .select-btn { border: 1px solid blue; } CSS의 네이밍 규칙중 CSS의 제작 방법론 중 하나인 BEM 규칙에 대해 알아보자. BEM 규칙 BEM은 Block, Element, Modifier 의 줄인 말로 일종의 네이밍 컨벤션 이다. 컴포넌트 기반..

숭코기
'CSS 네이밍' 태그의 글 목록