최신 웹 개발 튜토리얼
 

CSS소개


CSS는 무엇인가?

  • CSS는 캐스 케이 딩 스타일 시트의 약자
  • CSS는 HTML 요소들은 다른 매체 스크린 종이에 디스플레이 될 또는 방법을 설명
  • CSS는 많은 작업을 절약 할 수 있습니다. 이는 한번에 다수의 웹 페이지의 레이아웃을 제어 할 수있다
  • 외부 스타일 시트는CSS 파일에 저장됩니다

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

여기에서 우리는 네 가지 스타일로 표시 한 HTML 페이지를 표시합니다. 온 클릭 "Stylesheet 1", "Stylesheet 2", "Stylesheet 3", "Stylesheet 4" 아래 링크는 다른 스타일을 볼 수 :


이유는 CSS를 사용?

CSS는 다른 장치와 화면 크기 화면의 디자인, 레이아웃 및 변형을 포함하여 웹 페이지의 스타일을 정의하는 데 사용됩니다.


CSS는 큰 문제를 해결

HTML은 웹 페이지를 서식 태그를 포함 할 계획이없는!

HTML은 같은 페이지의 내용을 설명하기 위해 만들어졌다 :

<h1> 이 제목입니다 </h1>

<p> 이 단락이다. </p>

같은 태그하면 <font> , 색 속성은 HTML 3.2 규격에 추가 된, 그것은 웹 개발자를위한 악몽을 시작했다. 글꼴과 색상 정보가 모든 페이지에 추가 된 대형 웹 사이트의 개발은 길고 비싼 과정이되었다.

이러한 문제를 해결하기 위하여 월드 와이드 웹 컨소시엄 (W3C)은 CSS를 만들었다.

CSS는 HTML 페이지에서 서식 스타일을 제거!


CSS는 많은 작업을 저장합니다!

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

외부 스타일 시트 파일을 사용하면 하나의 파일을 변경하여 전체 웹 사이트의 모양을 변경할 수 있습니다!