본문 바로가기 메뉴 바로가기

주섬주섬 코딩, 소소하지만 꾸준히 쌓아가는 개발 기록...

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

주섬주섬 코딩, 소소하지만 꾸준히 쌓아가는 개발 기록...

검색하기 폼
  • 분류 전체보기 (304)
    • React (40)
    • Vue (22)
    • Javascript (55)
    • Typescript (11)
    • 개념 (84)
      • 2025 학습 (21)
    • HTML (24)
    • Wordpress (10)
    • 아티클 (45)
    • ---------------------------.. (6)
      • 삶, 리뷰 (6)
  • 방명록

뱀 (1)
[아티클 프로젝트 026] [CSS 방법론] BEM 방식

[CSS 방법론] BEM 방식 BEM (Block Element Modifier) Block 독립적인 컴포넌트 단위 header, search 등이 될 수 있다. Element 블럭을 구성하는 단위 search의 input 등이 될 수 있다. Modifier 블럭, 엘리먼트의 속성 search의 focused나 button의 disabled 등이 될 수 있다. __와 --로 구분한다. 이름연결시에는 하이픈(-)하나로 연결한다. block-name Block Element Modifier class만을 사용한다. 어떤 목적인가를 중점으로 네이밍한다. Block header, logo, search 등이 될 수 있다. header > logo 일 경우 분리될 수 있는 컴포넌트 단위인 경우 block으로 처리..

카테고리 없음 2020. 8. 13. 22:39
이전 1 다음
이전 다음
최근에 올라온 글
최근에 달린 댓글
«   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
Total
Today
Yesterday

Blog is powered by Tistory / Designed by Tistory

티스토리툴바