CSS 핵심 실용 가이드

옮긴이의 글
Chpter 1 기본 개념
HTML에 스타일 추가
규칙 구조
@-규칙
주석
스타일 우선주위
요소 분류
요소의 표현 방식
레이아웃 기본
플로트
포지션
플렉서블 박스 레이아웃
그리드 레이아웃
테이블 레이아웃

Chapter 2 값
키워드
색깔 값
숫자 값
퍼센트 값
길이 값
분할 값
URI
각도
시간
주파수
위치
문자열
식별자
속성 값
계산 값
변숫값

Chapter 3 선택자와 쿼리
선택자
구조적 가상 클래스
부정 가상 클래스
상호작용 가상 클래스
가상 요소
미디어 쿼리
기능 쿼리

Chapter 4 프로퍼티 참조
상속과 애니메이션
값 문법 표기법
공통 값
프로퍼티

chapter 1 기본 개념
문서의 요소는 나무와 비슷한 계층 구조를 가집니다. 이 구조에서 루트 요소는 맨 위에 있고, 나머지는 문서 구조를 따라 그 아래로 퍼집니다. HTML 문서에서 html 요소는 트리 맨 위에 있고, head와 body 요소가 거기서 뻗어 나옵니다. 나머지 문서 구조는 head와 body 요소에서 뻗어 나옵니다. 이런 구조에서 트리 아래쪽에 있는 요소는 자신보다 위에 있는 조상의
자손입니다.

chapter 2 값
퍼센트 값은 바로 다음에 퍼센트 기호(%)를 붙인 형태입니다. 숫자와 퍼센트 기호 사이에 스페이스는 허용되지 않습니다. 퍼센트 값은 항상 다른 무언가에 상대적인 값으로 계산됩니다. 예를 들어 font-size: 120%는 요소의 폰트 크기를 부모 요소 font-size의 120%로 정합니다. 543.21%처럼 소수점 있는 값도 유효합니다. 일부 프로퍼티는 퍼센트 값을마이너스가 아닌 값으로 제한합니다.