CSS의 영어 정식 명칭은 Cascading Style Sheets로, 계단식 스타일 시트(String Style List), 계단식 스타일 시트(Cascading Style Sheet), 계층형 스타일 시트(Hierarchical Style Sheet)라고도 합니다. 문서. W3C에서 정의하고 유지 관리하는 컴퓨터 언어입니다.
이 문서의 운영 환경: Windows 7 시스템, CSS3 버전, Dell G3 컴퓨터.
CSS는 영어로 무엇을 의미하나요?
Cascading Style Sheets(영어: Cascading Style Sheets, 약어: CSS; 문자열 스타일 목록, 계단식 스타일 시트, 계단식 스타일 시트, 계층형 스타일 시트라고도 함)는 A 컴퓨터입니다. W3C에서 정의하고 유지 관리하는 구조화된 문서(예: HTML 문서 또는 XML 애플리케이션)에 스타일(글꼴, 간격, 색상 등)을 추가하는 데 사용되는 언어입니다.
CSS는 다양한 수준으로 구분됩니다. CSS1은 이제 구식이고 CSS2.1은 권장 표준이며 CSS3는 여러 개의 작은 모듈로 나누어 표준화되고 있습니다. [소스 요청] CSS3는 현재 대부분의 최신 브라우저에서 지원되며, 다음 버전인 CSS4는 아직 개발 중입니다.
개요
CSS는 단독으로 사용할 수 없으며 HTML이나 XML과 함께 작동하여 HTML이나 XML을 장식해야 합니다. 이 글에서는 주로 HTML 웹페이지를 꾸미는 데 사용되는 CSS 기술을 소개합니다. HTML은 웹 페이지에 어떤 콘텐츠가 있는지 결정하는 역할을 담당하고 CSS는 이러한 요소를 표시하는 방법(크기, 두께, 색상, 정렬 및 위치)을 결정합니다. CSS를 사용하여 페이지 레이아웃, 스타일 페이지 요소를 설정하고 모든 웹 페이지에 적용되는 전역 스타일을 설정할 수 있습니다. CSS는 스타일을 적용할 웹페이지 요소에 산발적으로 직접 추가할 수도 있고, 웹페이지에 통합하거나, 웹페이지에 링크하거나, 웹페이지로 가져올 수도 있습니다.
CSS의 가장 중요한 목표는 파일 내용을 표시에서 분리하는 것입니다. CSS가 출현하기 전에는 거의 모든 HTML 파일에 글꼴 색상, 배경 모양, 정렬 방법, 가장자리, 연결 등 파일 표시에 대한 정보가 모두 포함되어 있었으며 모두 나열해야 했습니다. HTML 파일에서 하나씩 나열하는 경우도 있습니다. CSS를 사용하면 작성자는 이러한 정보의 대부분을 분리하여 HTML 파일을 단순화하고 CSS로 작성된 보조 파일에 배치할 수 있습니다. HTML 파일에는 구조와 내용 정보만 포함되고, CSS 파일에는 스타일 정보만 포함됩니다.
예를 들어 HTML의 H2 표시는 두 번째 수준 제목인 H1보다 수준이 낮고 세 번째 수준 제목인 H3보다 높습니다. 이 정보는 모두 구조적 정보입니다.
일반적으로 제목의 수준이 높을수록 글꼴이 커집니다. 일반적으로 글꼴이 클수록 내용이 더 중요해지기 때문에 H1의 글꼴이 가장 큽니다. 또한 일반 제목은 굵은 글꼴을 사용합니다. 그들의 중요성을 강조하십시오. 일반적으로 H2는 굵은 글꼴을 사용하며 글꼴은 H3보다 크고 H1보다 작습니다. 이 정보는 표시용입니다.
CSS가 출현하기 전에는 작성자가 H2 제목의 색상, 글꼴, 크기 또는 기타 표시 특성을 결정하려면 H2만으로는 충분하지 않기 때문에 HTML의 글꼴이나 기타 스타일 지침을 사용해야 했습니다. 단지 구조적인 지시일 뿐이다. 제목에 기울임꼴, 빨간색 문자 및 흰색 배경이 필요한 경우 작성자는 다음과 같이 작성해야 합니다.
<H2><font color="red" bgcolor="white"><i>使用CSS</i></font></H2>
이러한 표시 지침은 HTML을 매우 복잡하고 유지 관리하기 어렵게 만듭니다. 모든 보조 타이틀을 이런 방식으로 표시해야 한다면 모든 보조 타이틀에 대한 지침이 이렇게 복잡해져야 합니다. 또한 독자는 이러한 규칙을 변경할 수 없습니다. 독자가 파란색 제목을 선호하는 경우 문서 작성자가 제목 색상을 지정하므로 제목 색상을 변경할 수 없습니다.
CSS를 사용하는 경우 H2 지시문은 기사의 구조만 지정하고 해당 표시는 스타일 시트에 의해 지정됩니다. 위의 예는 다음과 같습니다.
<H2>使用CSS</H2>
준수된 스타일 시트는 H2 지시문이 사용하도록 지정할 수 있습니다. 기울임꼴, 빨간색 텍스트 및 흰색 배경:
H2 { color: red; background: white; font-style: italic; }
이 방법으로 디스플레이와 콘텐츠가 분리됩니다(CSS의 장점으로 인해 W3C는 이제 HTML의 많은 디스플레이 지침을 삭제하는 것을 고려하고 있습니다). HTML은 기사의 구조만 표현하고, CSS는 모든 표시를 표현합니다. CSS는 색상, 글꼴 스타일, 배열, 크기 및 기타 여러 비시각적 표현(예: 문서 내용 읽기)을 지시할 수 있습니다.
CSS 스타일 정보는 첨부 파일이나 HTML 파일에 포함될 수 있습니다. 독자는 여러 스타일 시트를 사용할 수 있으며, 중복되는 경우 그 중 하나를 선택할 수 있습니다. 다양한 미디어는 다양한 스타일 시트를 사용할 수 있습니다. 예를 들어 형광 스크린에 표시된 문서 표시는 프린터에 인쇄된 표시와 다를 수 있습니다. 이를 통해 작성자는 다양한 미디어에 가장 적합한 디스플레이를 디자인할 수 있습니다. 또한 CSS의 목표 중 하나는 독자에게 디스플레이를 더 자유롭게 제어할 수 있는 기회를 제공하는 것입니다. 독자가 이탤릭체 제목을 읽기 어렵다고 생각하면 "계단식"으로 연결하여 다른 모든 스타일을 유지하면서 빨간색 이탤릭체 스타일만 변경할 수 있는 자신만의 스타일 시트 파일을 사용할 수 있습니다.
추천 학습: "css 동영상 튜토리얼"
위 내용은 CSS가 영어로 무엇인가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!