CSS (스타일 시트)의 정의

텍스트와 구성 요소의 스타일 웹 페이지, 여러 페이지 세트뿐만 아니라 각 페이지에서 독립적으로 표시하거나 외부 요소 (다른 파일 스타일이 정의 된) 재사용 할 수 있습니다. 이 외부 요소를 CSS 스타일 시트라고합니다.

CSS 스타일 시트 (계단식 스타일 시트, 캐스 케이 딩 스타일 시트)는 브라우저에서 렌더링 할 때 웹 페이지에서 채택한 비주얼 스타일을 모델링하기위한 정보를 포함하는 컴퓨터 파일에 지나지 않습니다.

이 경우 HTML 파일 내에서 CSS 스타일 시트를 호출해야합니다. 교수.

콘텐츠와 측면의 분리 덕분에 다양한 각도의 추상화를 얻을 수 있습니다. 자유.

첫 번째는 완전한 웹 사이트의 미학을 변경하려면 워크 시트 파일 만 수정하면됩니다. CSS 스타일, HTML 페이지에서 이러한 파일에 대한 호출이있는 경우 양식의 미적 변경이 발생합니다. 자동적 인.

또 다른 장점은 저자 CSS 파일에 의해 제공되기 때문에 콘텐츠의 레이아웃을 인식하지 않고도 콘텐츠에 집중할 수 있습니다.

스타일 시트는 다음과 같은 구체적이고 표준화 된 구조를 가진 디자인 언어로 작성됩니다. 스타일 시트가 웹 페이지가 제공하고 사용되는 기술과 무관하다는 형식 그것을 렌더링하십시오.

이는 웹이 장치 독립적이어야하기 때문입니다. 서버는 동일한 내용을 제공하며 이들은 동일한 최종 결과로 렌더링됩니다. 어떤 브라우저, 일부 도구가 다른 도구보다 더 빨리 작업을 수행 할 수 있는지 여부에 관계없이 사용자 이름.

똑같다 언어 정의는 모든 XML 문서에서도 사용할 수 있습니다 (결국 HTML은 여전히 ​​XML의 하위 집합으로 해석 될 수 있음).

언어의 구조는 간단합니다. 페이지 스타일의 속성을 참조하는 일련의 예약 된 키워드와 이러한 속성 각각에 대한 몇 가지 규칙이 있습니다.

CSS 스타일 시트의 간단한 예는 다음과 같습니다.

신체 {
h1 {font-family: Helvetica, Geneva, Arial,
SunSans-Regular, sans-serif}
}

여기에서 우리가 작성하고이 스타일 시트의 적용을받는 HTML 문서의 H1 헤더가 어떻게되어야하는지 정의합니다. 이를 위해 HTML 페이지의 섹션에이 문장이 있어야합니다. 머리:

어느 style sheet.css는 정의를 포함하는 파일의 이름입니다.

페이지에 사용하는 동일한 HTML 파일에 스타일에 대한 레이아웃 지침을 포함하여 추가 파일을 절약 할 수도 있지만 모든 HTML을 수정해야하기 때문에 파일을 조작하기 만하면 모든 페이지의 모양을 변경할 수있는 다 용성을 잃게됩니다. 정확히 동일합니다.

CSS 스타일 시트가 작성된 언어는 기술 수준에서 웹에서 사용되는 표준을 규제하는 기관인 W3C의 승인 이전에 이미 존재했습니다.

1990 년대 중반에 승인되었으며 이후 표준이되었습니다. 없어서는 안될 대규모 웹 사이트에서 사용하기 위해.

사진: Fotolia-스트링거

CSS의 테마 (스타일 시트)