CSS
CSS는 HTML·XML 같은 구조화 문서의 색상·글꼴·간격·배치·반응형 표현을 규칙으로 기술하는 스타일 언어다.
1. 개요
CSS(Cascading Style Sheets)는 구조화된 문서가 화면·인쇄물 등에 어떻게 표현되는지 설명하는 언어다.[1] HTML이 의미 구조를 맡고 CSS가 표현을 맡으면 같은 내용을 여러 화면 크기와 사용자 설정에 맞게 조정하기 쉽다.
2. 핵심 구성
| 구분 | 설명 |
|---|---|
| 선택자 | 어떤 요소에 규칙을 적용할지 지정 |
| 선언 | 속성과 값의 쌍으로 색상·크기·배치 등을 설정 |
| 캐스케이드 | 출처·중요도·계층·작성 순서로 충돌 규칙 결정 |
| 반응형 | 미디어 쿼리와 유연한 레이아웃으로 환경별 표현 조정 |
3. 작동 원리
브라우저는 CSS를 토큰과 규칙으로 파싱하고 선택자가 가리키는 요소에 선언을 연결한다. 상속과 캐스케이드로 최종 계산값을 정한 뒤 레이아웃과 페인팅을 수행한다. 알 수 없거나 문법에 맞지 않는 선언은 보통 해당 선언만 무시해 이전 브라우저와의 호환성을 돕는다.
4. 형성과 표준
CSS 작업은 1994년 CERN에서 시작됐고 CSS1은 1996년 W3C 권고가 됐다.[2] 이후 하나의 거대한 ‘CSS3’ 규격보다 선택자, 색상, 그리드, 플렉스박스처럼 기능별 모듈이 각자 발전하는 방식이 자리 잡았다.
5. 활용과 주의점
특정 화면 크기만 가정한 고정 폭과 지나치게 강한 선택자는 유지보수를 어렵게 한다. 키보드 초점 표시를 제거하지 말고 색상 대비, 확대, 사용자 모션 감소 설정을 고려한다. 지원 상태가 다른 기능은 점진적 향상과 대체 표현을 준비한다.