본문 바로가기

undefined

검색하기
undefined
프로필사진 JavaScripter

  • 분류 전체보기 (86)
    • HTML (0)
    • CSS (1)
    • Javascript (10)
    • React (5)
    • Coding Test (61)
    • Algorithms (1)
    • CS (7)
Guestbook
반응형
Notice
Recent Posts
Recent Comments
Link
«   2025/05   »
일 월 화 수 목 금 토
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
  • 인증
  • 로그인
  • 리액트
  • auth
  • 자바스크립트
more
Archives
Today
Total
관리 메뉴
  • 글쓰기
  • 방명록
  • RSS
  • 관리

목록CSS (1)

undefined

BEM - CSS

1. BEM이란? Block-Element-Modifier의 구조로 class를 지정하는 것 선택자 특이성을 낮게 유지 직관적으로 CSS의 구조를 파악가능 2. 사용 방법 (1). 기본형식 .block__element--modifier {} (2). element 다루기 *주의* box__description__img (x) 왜냐하면 block__element__element 는 허용되지 않기 때문 // 오직 하나의 element만 허용 (3). modifier 다루기 // 하위요소만 변형할 경우 Order 기존 class에서 변형자만 추가 //상위 요소를 기준으로 하위요소까지 동일한 방식으로 바꾸는 경우 Order Close 상위 요소 하나에만 추가하고 css 에서 중첩하여 사용 ex) .action-..

CSS 2022. 6. 29. 10:53
이전 Prev 1 Next 다음

Blog is powered by kakao / Designed by Tistory

티스토리툴바