스타일시트 언어

Style sheet language
기타 용도는 스타일시트를 참조하십시오.

스타일 시트 언어 또는 스타일 언어는 구조화된 문서를 표시하는 컴퓨터 언어입니다.구조화된 문서의 한 가지 매력적인 특징은 콘텐츠가 다양한 맥락에서 재사용되고 다양한 방식으로 표시될 수 있다는 것입니다.논리 구조에 다른 스타일 시트를 부착하여 다른 프레젠테이션을 작성할 수 있습니다.

널리 사용되는 현대식 시트 언어 중 하나는 CSS(Cascading Style Sheets)로, HTML, XHTML, SVG, XUL 및 기타 마크업 언어로 작성된 문서를 스타일링하는 데 사용됩니다.

구조화된 문서의 내용을 표시하려면 색상, 글꼴 및 레이아웃을 설명하는 일련의 스타일 규칙을 적용해야 합니다.스타일 규칙의 집합을 스타일 시트라고 합니다.문서 형식의 스타일시트는 프레젠테이션, 철자 및 구두점의 일관성을 보장하기 위해 편집자와 타이포그래퍼에 의해 오랫동안 사용되어 왔습니다.전자출판에서는 스타일시트 언어가 맞춤법이나 구두점보다는 시각적인 표현에 주로 사용된다.

구성 요소들

모든 스타일시트 언어는 다음 영역에서 기능을 제공합니다.

구문
스타일시트 언어는 기계에서 읽을 수 있는 방식으로 표현하기 위해 구문이 필요합니다.예를 들어 CSS 구문으로 작성된 간단한 스타일시트를 다음에 나타냅니다.
h1 { 폰트 사이즈: 1.5em }
이것은 레벨 1의 표제를 주변 텍스트의 1.5배 크기의 글꼴 크기로 표시해야 한다고 말합니다.
셀렉터
선택자는 스타일 규칙의 영향을 받을 요소를 지정합니다.따라서 선택기는 문서 구조와 스타일 시트의 스타일 규칙 사이의 접착제입니다.위의 예에서는 "h1" 셀렉터가 모든 h1 요소를 선택합니다.좀 더 복잡한 셀렉터는 콘텍스트, 속성 및 콘텐츠 등을 기반으로 요소를 선택할 수 있습니다.
특성.
모든 스타일시트 언어에는 요소를 렌더링하는 한 측면을 변경하기 위해 값을 지정할 수 있는 속성 개념이 있습니다.위의 예에서는 CSS의 "font-size" 속성이 사용되고 있습니다.일반적인 스타일 시트 언어에는 일반적으로 문서 표시를 설명하는 약 50개의 속성이 있습니다.
값 및 단위
속성은 특정 값을 할당하여 요소의 렌더링을 변경합니다.값은 문자열, 키워드, 숫자 또는 단위 ID가 있는 숫자 중 하나입니다.또한 값은 앞에서 설명한 값 중 여러 개를 포함하는 목록 또는 식일 수 있습니다.시각적 스타일 시트의 일반적인 값은 길이입니다. 예를 들어 숫자(1.5)와 단위(em)로 구성된 "1.5em"입니다.CSS의 "em" 값은 주변 텍스트의 글꼴 크기를 나타냅니다.일반적인 스타일 시트 언어에는 약 10개의 다른 단위가 있습니다.
가치 전파 메커니즘
모든 요소의 모든 속성에 대해 모든 값을 명시적으로 지정할 필요가 없도록 스타일시트 언어에는 값을 자동으로 전파하는 메커니즘이 있습니다.가치 전파의 주요 이점은 덜 상세한 스타일 시트입니다.위의 예에서는 글꼴 크기만 지정되며 다른 값은 값 전파 메커니즘을 통해 검색됩니다.상속, 초기값 및 캐스케이드는 가치 전파 메커니즘의 예입니다.
형식 지정 모델
모든 스타일시트 언어는 일종의 형식 모델을 지원합니다.대부분의 스타일시트 언어에는 텍스트 및 기타 콘텐츠가 최종 프레젠테이션에서 어떻게 배치되는지를 상세하게 설명하는 시각적 형식 지정 모델이 있습니다.예를 들어 CSS 포맷모델에서는 블록레벨 요소('h1'이 예시)가 부모 요소의 폭을 채우도록 확장되도록 지정합니다.일부 스타일시트 언어에는 청각 형식 모델도 있습니다.

레퍼런스