CSS는 Cascading Style Sheets의 줄임말인 스타일 시트 언어다. HTML로 정한 구조에 글자 크기와 색과 여백 같은 표현을 부여한다. 선택자로 대상을 고른 뒤 속성과 값을 지정한다. 같은 대상에 여러 규칙이 겹치면 캐스케이드에 따라 적용할 값이 정해진다. 미디어 쿼리를 사용하면 화면 조건에 맞춰 표현을 바꿀 수 있다. 새로운 질서에서는 무엇을 어떻게 보여줄지 선택하는 디자인의 언어로 다룬다.
목록을 여러 단으로 놓기
레이철 앤드루가 만든 체크박스 목록이다. CSS 탭에서 column-width: 200px를 찾아보고 웹 브라우저의 폭을 바꿔보자. HTML의 목록을 다시 쓰지 않아도 다단 조판으로 배치가 달라진다.