선택자와 속성
선택자는 어떤 요소에 규칙을 적용할지 지정하고 선언은 속성과 값으로 표시 방법을 정한다. 같은 클래스의 여러 요소에 한 규칙을 적용해 일관된 표현을 만들 수 있다.
HTML 구조를 바꾸지 않고도 표시를 조절할 수 있지만 스타일이 의미 구조를 대신하지는 않는다. 제목처럼 보이는 일반 요소가 자동으로 문서 제목 요소가 되는 것은 아니다.
뒤에 썼다고 항상 이기지는 않는다
같은 속성에 여러 선언이 있을 때는 출처와 중요도, 레이어, 명시도 및 순서 등 캐스케이드 규칙에 따라 우선순위가 결정된다. 파일에서 뒤에 적혔다는 이유만으로 모든 규칙을 덮지는 않는다.
상속되는 속성과 그렇지 않은 속성도 있다. 부모의 모든 스타일이 자식에게 그대로 복사된다고 생각하면 실제 결과를 설명하기 어렵다.
배치와 화면 크기
일반 흐름과 플렉스, 그리드 등 서로 다른 배치 모형을 사용할 수 있다. 요소의 폭과 여백, 정렬 규칙은 선택한 배치 문맥에 영향을 받는다.
미디어 쿼리는 화면과 환경 조건에 따라 규칙을 바꾸는 데 쓰인다. 반응형 디자인은 몇 개의 화면 폭만 맞추는 것이 아니라 글과 입력 요소가 다양한 조건에서 사용 가능한지 확인하는 작업이다.
보이는 것과 사용할 수 있는 것
시각적으로 숨기는 방법에 따라 레이아웃과 보조 기술, 키보드 초점에서의 동작이 다르다. 색과 모양이 맞아도 필요한 정보나 조작 수단을 잃을 수 있다.
움직임과 대비, 초점 표시도 스타일의 일부다. 최종 화면은 글꼴과 내용 길이, 사용자의 환경 설정에 따라 달라질 수 있어 실제 조건에서 검토해야 한다.