개요

text/css는 Cascading Style Sheets, 즉 HTML 문서의 시각적 표현을 정의하는 스타일시트의 미디어 타입입니다. 색·레이아웃·타이포그래피·애니메이션을 선언적으로 기술합니다.

자세히

`<link rel="stylesheet" href="/style.css">`로 로드할 때, 브라우저는 표준 모드(standards mode) 문서에서 스타일시트가 반드시 text/css 타입으로 전달될 것을 요구합니다(엄격 MIME 검사). 서버가 text/plain 등으로 잘못 보내면 브라우저는 스타일시트를 무시하고 페이지가 스타일 없이 렌더링됩니다. 정적 서버·CDN의 MIME 매핑에 .css가 올바로 등록됐는지 확인하세요.

CSS는 렌더링을 차단하는 리소스(render-blocking)라서 성능에 직접 영향을 줍니다. gzip/brotli 전송 압축이 매우 효과적이며(텍스트라 압축률이 높음), 캐시 정책(Cache-Control·ETag)과 결합해 재방문 성능을 끌어올립니다. `@import`나 `url()`로 외부 자원을 불러올 수 있어 잘못 신뢰하면 데이터 유출 경로가 될 수 있습니다.

문법

e.g. Content-Type: text/css; charset=utf-8

파일 확장자

실무 참고

• 표준 모드에서 CSS가 text/css로 오지 않으면 통째로 무시됩니다 — 서버 MIME 설정이 스타일 누락의 흔한 원인입니다.
• CSS 인젝션은 스크립트 실행 없이도 속성 선택자·url()로 폼 값 등을 유출할 수 있으니 사용자 CSS는 신중히 다루세요.
• charset=utf-8을 명시하면 한글 content 속성 값·주석 인코딩이 안전합니다(@charset 규칙보다 HTTP 헤더가 우선).

관련 타입

관련 헤더