점점 복잡해지는CSS를 효율적으로 쓰고 관리하는 방법,SMACSS! SMACSS는 Scalable and Modular Architecture for CSS의 약자로,CSS를 효과적으로 쓸 수 있도록 돕는 스타일 가이드입니다.SMACSS는 CSS스타일을 다섯 가지로 분류하고 각 유형에 맞는 선택자(selector)와 작명법(naming convention), 코딩 기법을 제시합니다.이를 통해 코드의 재사용과유지보수가용이해지고,확장이 가능한 모듈형 형태로 CSS를 작성할 수 있습니다.이 책은 SMACSS가 제안하는 CSS작성 규칙을 소개하고,간단한 예제를 통해 사용 방법을 보여 줍니다.

1장 CSS 규칙 범주화하기 __1.1 명명 규칙 2장 베이스 규칙 __2.1 CSS 초기화 3장 레이아웃 규칙 __3.1 ID 선택자 사용하기 __3.2 레이아웃 예제 4장 모듈 규칙 __4.1 타입 선택자 사용 피하기 __4.2 새로운 컨텍스트 __4.3 모듈의 서브클래싱 5장 상태 규칙 __5.1 모듈과의 차이 __5.2 !important 사용하기 __5.3 상태 규칙을 모듈과 결합하기 6장 테마 규칙 __6.1 테마 __6.2 서체 정의하기 __6.3 이름의 의미 7장 상태 변경하기 __7.1 상태 변경이란 __7.2 클래스 명에 의한 변경 ____7.2.1 부모와 형제의 상태가 문제인 이유 ____7.2.2 속성 선택자로 상태 변화 핸들링하기 ____7.2.3 클래스 기반의 상태 변화로 CSS 애니메이션 다루기 __7.3 가상 클래스에 의한 변경 __7.4 미디어쿼리에 의한 변경 __7.5 상태 변화에 관한 모든 것 8장 적용 가능성의 깊이 __8.1 깊이 최소화하기 9장 선택자 성능 __9.1 CSS는 어떻게 해석되는가 ____9.1.1 요소의 스타일은 요소가 생성될 때 해석된다 ____9.1.2 오른쪽에서 왼쪽으로 해석되는 CSS ____9.1.3 어떤 규칙이 적용되는가? ____9.1.4 제한은 하되, 과하게 제한하지 않기 10장 HTML5와 SMACSS 11장 프로토타이핑 __11.1 프로토타입의 목표 ____11.1.1 상태 ____11.1.2 지역화 ____11.1.3 의존성 __11.2 퍼즐 조각 __11.3 여러분의 프로토타입 12장 전처리기 __12.1 전처리기란 무엇인가? __12.2 전처리기 설치하기 __12.3 전처리기의 유용한 기능들 ____12.3.1 변수 ____12.3.2 중첩 표현 ____12.3.3 믹스인 ____12.3.4 함수 ____12.3.5 익스텐션 ____12.3.6 더 나아가기 __12.4 문제를 맞닥뜨리고 벗어나기 ____12.4.1 깊은 중첩 ____12.4.2 SMACSS에서의 중첩 ____12.4.3 불필요한 확장 ____12.4.4 SMACSS익스텐션 ____12.4.5 과하게 사용된 믹스인 ____12.4.6 반복적인 패턴을 위한 SMACSS ____12.4.7 파라미터화 된 믹스인 __12.5 전처리기 정복하기 ____12.5.1 중첩을 이용한 상태 기반의 미디어쿼리 ____12.5.2 파일 정리하기 __12.6 전처리기에 대한 회고 13장 자주 쓰이지 않는 요소 __13.1 테이블 14장 아이콘 모듈 15장 복잡한 계승 __15.1 !important가 잘못 쓰인 경우 __15.2 불완전한 세계 16장 코드 형식 지정하기 __16.1 한 줄 vs 여러 줄 __16.2 속성 묶기 __16.3 색상 선언 __16.4 일관성 유지하기 17장 리소스 __17.1 SMACSS 리소스 __17.2 CSS전처리기 __17.3 컴포넌트 기반의 프레임워크/방법론 __17.4 다른 프레임워크들 __17.5 문서 __17.6 다른 리소스들