bem2 Button_ 여러 버튼 속성지정 * btn--abc 속성을 이용해 버튼의 성질을 나타내는 클라스를 만들어 각각의 요소에 지정해 줄 수 있다. 1. html에 btn 클래스를 지정 HI 2. CSS에 모든 버튼에 공통으로 들어갈 .btn 속성을 넣어준다. 예) .btn{ width: 130px; border: 2px solid #333; padding:10px; border-radius: 4px; color: #333; cursor: pointer; box-sizing: border-box; font-size: 16px; font-weight: 700; text-align: center; } 3. btn--abc 로 각각의 속성을 지정 예) .btn:hover{ background-color:#333; color:white } // 버튼.. 2022. 6. 4. class 속성의 작명법_ BEM BEM (Block Element Modifier) ▶요소__일부분 (a__b) underscore(lodash)로 요소의 일부분이라는것을 나타내줌 ex) ↓ ▶요소--상태 (a--b) hyphen(dash)로 요소의 상태를 나타냄 ex) ↓ 2022. 6. 3. 이전 1 다음