CSS가 할 수 있는 일

CSS는 주로 웹 페이지의 스타일을 디자인하고 웹 페이지를 아름답게 만드는 데 사용됩니다. 웹 페이지를 정적으로 수정할 수 있을 뿐만 아니라 다양한 스크립트 언어와 함께 웹 페이지의 다양한 요소의 형식을 동적으로 지정할 수도 있습니다. CSS는 웹 페이지의 요소 위치 레이아웃에 대해 픽셀 수준의 정밀한 제어를 수행할 수 있고 거의 모든 글꼴 크기 스타일을 지원하며 웹 페이지 개체 및 모델 스타일을 편집할 수 있습니다.

이 튜토리얼의 운영 환경: Windows 7 시스템, CSS3 버전, Dell G3 컴퓨터.

CSS(Cascading Style Sheets)는 HTML이나 XML 등의 파일 스타일을 표현하는 데 사용되는 컴퓨터 언어로, 웹 페이지와 콘텐츠를 별도로 구현할 수 있습니다. 스타일 언어.

CSS 이전에는 HTML 문서의 거의 모든 표시 속성이 HTML 마크업에 포함되어 있었습니다. 모든 글꼴 색상, 배경 스타일, 요소 정렬, 테두리 및 크기는 HTML에 명시적으로 설명되어야 했습니다.

결과적으로, 웹사이트의 모든 페이지에 스타일 정보가 반복적으로 추가되므로 대규모 웹사이트 개발은 시간이 오래 걸리고 비용이 많이 드는 프로세스가 됩니다.

이 문제를 해결하기 위해 W3C(World Wide Web Consortium)는 1996년에 CSS를 도입하고 그 표준을 유지하고 있습니다. CSS는 프리젠테이션과 콘텐츠를 분리하는 것을 목표로 합니다. 이제 웹 디자이너는 웹 페이지의 서식 정보를 별도의 스타일 시트로 이동할 수 있으므로 HTML 마크업이 더 간단해지고 유지 관리가 쉬워집니다.

CSS가 할 수 있는 일

CSS는 주로 웹 페이지 스타일을 디자인하고 웹 페이지를 아름답게 만드는 데 사용됩니다. 웹 페이지를 정적으로 수정할 수 있을 뿐만 아니라 다양한 스크립트 언어를 사용하여 웹 페이지의 다양한 요소의 형식을 동적으로 지정할 수도 있습니다.

CSS는 웹 페이지의 요소 위치 레이아웃에 대해 픽셀 수준의 정밀한 제어를 수행할 수 있고 거의 모든 글꼴 크기 스타일을 지원하며 웹 페이지 개체 및 모델 스타일을 편집할 수 있는 기능을 갖추고 있습니다.

홈페이지를 만들 때 CSS 기술을 사용하면 페이지의 레이아웃, 글꼴, 색상, 배경 및 기타 효과를 보다 정확하게 제어할 수 있습니다.

해당 코드를 약간만 수정하면 같은 페이지의 다른 부분이나 다른 페이지가 있는 웹페이지의 모양과 형식을 변경할 수 있습니다.

CSS에는 다음과 같은 기능이 있습니다.

• 풍부한 스타일 정의

  CSS는 풍부한 문서 스타일 모양을 제공할 뿐만 아니라 텍스트 및 배경 속성을 설정하는 기능을 제공하여 모든 요소에 대한 테두리 및 요소 테두리를 생성할 수 있습니다. 다른 요소와 함께 요소 사이의 거리뿐만 아니라 요소 테두리와 요소 콘텐츠 사이의 거리를 통해 텍스트의 대문자 표시, 장식 및 기타 페이지 효과를 마음대로 변경할 수 있습니다.

• 사용 및 수정이 쉽습니다.

  CSS는 HTML 요소의 스타일 속성에서 스타일을 정의할 수 있으며, HTML 문서의 헤더 부분에서 정의할 수도 있고, 특수 CSS 파일에서 스타일을 선언할 수도 있습니다. HTML 페이지 참조용. 즉, CSS 스타일 시트는 모든 스타일 선언을 통합된 방식으로 저장하고 관리할 수 있습니다.

  또한 동일한 스타일의 요소를 동일한 스타일을 사용하여 분류하고 정의할 수 있으며, 동일한 이름을 가진 모든 HTML 태그에 특정 스타일을 적용하거나 특정 페이지 요소에 CSS 스타일을 할당할 수도 있습니다. 스타일을 수정하려면 스타일 목록에서 해당 스타일 설명을 찾아서 수정하기만 하면 됩니다.

• 다중 페이지 애플리케이션

  CSS 스타일 시트는 별도의 CSS 파일에 저장할 수 있으므로 여러 페이지에서 동일한 CSS 스타일 시트를 사용할 수 있습니다. 이론적으로 CSS 스타일 시트는 어떤 페이지 파일에도 속하지 않으며 모든 페이지 파일에서 참조될 수 있습니다. 이러한 방식으로 여러 페이지의 스타일을 통합할 수 있습니다.

• Cascading

  간단히 말하면, 계단식은 요소에 동일한 스타일을 여러 번 설정하는 것이며 마지막 속성 값 세트를 사용합니다. 예를 들어, 사이트의 여러 페이지에 동일한 CSS 스타일 시트 세트를 사용하고 일부 페이지의 일부 요소에 다른 스타일을 사용하려는 경우 이러한 스타일에 대해 별도의 스타일 시트를 정의하고 이를 적용할 수 있습니다. 페이지. 나중에 정의된 이러한 스타일은 이전 스타일 설정을 재정의하며 브라우저에 표시되는 내용은 마지막으로 설정된 스타일 효과가 됩니다.

• 페이지 압축

  페이지 효과를 정의하기 위해 HTML을 사용하는 웹사이트에서는 다양한 사양의 텍스트 스타일을 형성하기 위해 많은 수의 반복되는 표와 글꼴 요소가 필요한 경우가 많습니다. 그 결과 많은 수의 HTML 태그가 발생하게 됩니다. 생성되어 페이지 파일의 크기가 증가합니다. CSS 스타일 시트에 스타일 선언을 별도로 넣으면 페이지 크기를 크게 줄일 수 있으므로 페이지 로딩에 소요되는 시간도 크게 줄어듭니다. 또한 CSS 스타일 시트를 재사용하면 페이지 크기가 훨씬 줄어들고 다운로드 시간도 단축됩니다.

(동영상 공유 학습: css 동영상 튜토리얼)

위 내용은 CSS가 할 수 있는 일의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!