CSS 개요

CSS는 무엇인가요?

  • CSS 는 캐시드 스타일 시트를 의미합니다* (Cascading Style Ssheets)
  • CSS는 다음을 설명합니다HTML 요소가 화면, 종이, 또는 다른 미디어에서 어떻게 표시되는지 설명합니다
  • CSS 많은 노력을 절약했습니다그것은 여러 웹 페이지의 레이아웃을 동시에 제어할 수 있습니다
  • 외부 스타일 시트는 다음과 같이 저장됩니다 CSS 파일중국어

*：도메인 스타일 시트라고도 합니다.

CSS 데모 - 하나의 HTML 페이지 - 여러 스타일!

아래는 네 가지 다른 스타일 시트를 제공하는 HTML 페이지입니다. 아래의 스타일 시트 링크를 클릭하여 다른 스타일을 확인하세요:

CSS를 사용하는 이유는 무엇인가요?

CSS는 웹 페이지의 스타일을 정의합니다. 이는 다양한 장치와 스크린 크기에 대한 설계와 레이아웃을 포함합니다.

CSS 예제

body {
  background-color: lightblue;
}
h1 {
  color: white;
  text-align: center;
}
p {
  font-family: verdana;
  font-size: 20px;
}

직접 시험해 보세요

CSS는 큰 문제를 해결했습니다

HTML은 웹 페이지를 포맷하는 태그를 포함할 의도가 없었습니다!

HTML을 만드는 목적은웹 페이지를 설명예를 들어:

<h1>이것은 제목입니다.</h1>
<p>이것은 단락입니다.</p>

<font>와 같은 태그와 color 속성을 HTML 3.2 규범에 추가한 후, 웹 개발자의 꿈이 끝났습니다. 대형 웹 사이트의 개발에서 글꼴과 색상 정보를 각 페이지에 추가하는 것은 긴 시간이 걸리고 비용이 많이 드는 과정이 되었습니다.

이 문제를 해결하기 위해 월드 와이드 웹 연맹(W3C)은 CSS를 만들었습니다.

CSS는 HTML 페이지에서 스타일 포맷을 제거했습니다!

HTML이 무엇인지 모르시면, 읽어보세요 HTML 강의.

CSS는 많은 작업을 절약합니다!

스타일 정의는 일반적으로 외부 .css 파일에 저장됩니다.

외부 스타일 시트 파일을 사용하면 전체 웹 사이트의 외관을 한 파일만으로 변경할 수 있습니다!