사이버이메지네이션

  • webPonent
  • One-source Multi-use
  • 웹표준, 웹접근성
  • 고급 Javascript / css
  • 웹 아키텍쳐
  • UI/UX
  • 제품 사용 설명/ 팁
  • 참관 / 사용기
  • 이슈통계

BEM 1

CSS Naming Conventions BEM

CSS를 작성하다 보면 이름짓기에 의외로 어려움을 겪는 경우가 많습니다.여러번의 프로젝트를 수행하다 보면 본인만의 스타일로 클래스명을 짓게되는데, 협업..특히 외주업체나 프리랜서 분들과 작업을 하다보면 자신만의 스타일을 고집하기도 애매한 경우가 허다합니다. 여기, 좋은 CSS Naming Convention을 소개합니다. BEM은 크게 Block로 영역짓고, Element로 지정하며, Modifier로 상태를 표시합니다. .block {}.block__element {}.block--modifier {} 즉, __를 쓰는 경우와 --를 쓰는 경우를 분리한 것인데,__는 명사와 같은 이름을 사용합니다. (__button, __title, __menu 등)--는 동사와 같은 상태를 이름으로 사용합니다. (-..

프론트엔드 2016.08.17
이전
1
다음
더보기
프로필사진

금융권 웹시스템 개발 전문회사 사이버이메지네이션의 경험과 노하우를 공유하는 기술블로그입니다

  • CyberImagination BLOG (219)
    • CyberI 제품소개 (33)
      • API 서버 (9)
      • 웹콘텐츠관리 (4)
      • UI컴포넌트 (9)
      • 텍사노미 (1)
      • News (10)
    • 프론트엔드 (67)
    • 백엔드 (24)
    • 앱 개발 (8)
    • 빅데이터 (21)
    • 유용한 정보 (62)
    • 기타 (2)

최근글과 인기글

  • 최근글
  • 인기글

방문자수Total

  • Today :
  • Yesterday :

Copyright © CyberImagination. All rights reserved.

  • 사이버이메지네이션
  • 솔루션사이트
  • 기술지원사이트

티스토리툴바