CSS 튜토리얼

CSS 간단하고 쉬운 방법으로 웹 문서의 스타일을 제어하는 데 사용됩니다.

CSS 의 약어입니다 "Cascading Style Sheet". 이 튜토리얼은 CSS1, CSS2 및 CSS3 버전을 모두 다루며 기본부터 고급 개념까지 CSS에 대한 완전한 이해를 제공합니다.

CSS를 배우는 이유는 무엇입니까?

Cascading Style Sheets, 다정하게 언급 CSS는 웹 페이지를 표시 가능하게 만드는 프로세스를 단순화하기위한 단순한 디자인 언어입니다.

CSS특히 웹 개발 도메인에서 작업 할 때 학생과 작업 전문가가 훌륭한 소프트웨어 엔지니어가되기 위해서는 필수입니다. CSS 학습의 몇 가지 주요 이점을 나열하겠습니다.

Create Stunning Web site-CSS는 웹 페이지의 룩앤필 부분을 처리합니다. CSS를 사용하여 텍스트 색상, 글꼴 스타일, 단락 사이의 간격, 열 크기 및 배치 방법, 사용되는 배경 이미지 또는 색상, 레이아웃 디자인, 다양한 장치 및 화면 크기에 대한 디스플레이 변형을 제어 할 수 있습니다. 뿐만 아니라 다양한 다른 효과.
Become a web designer -전문 웹 디자이너로 간병인을 시작하려면 HTML 및 CSS 디자인이 필수 기술입니다.
Control web-CSS는 배우고 이해하기 쉽지만 HTML 문서의 표현을 강력하게 제어합니다. 가장 일반적으로 CSS는 HTML 또는 XHTML 마크 업 언어와 결합됩니다.
Learn other languages -HTML 및 CSS의 기본을 이해하면 javascript, php 또는 angular와 같은 다른 관련 기술을 더 쉽게 이해할 수 있습니다.

CSS를 사용하는 Hello World.

CSS에 대한 약간의 흥미를 갖기 위해 기존의 작은 CSS Hello World 프로그램을 제공하겠습니다. 데모 링크를 사용하여 사용해 볼 수 있습니다.

<!DOCTYPE html>
<html>
   <head>
      <title>This is document title</title>
      <style>
      h1 {
         color: #36CFFF; 
      }
      </style>
   </head>	
   <body>
      <h1>Hello World!</h1>
   </body>	
</html>

CSS의 응용

앞서 언급했듯이 CSS는 웹에서 가장 널리 사용되는 스타일 언어 중 하나입니다. 여기에 몇 가지를 나열하겠습니다.

CSS saves time-CSS를 한 번 작성한 다음 여러 HTML 페이지에서 동일한 시트를 재사용 할 수 있습니다. 각 HTML 요소에 대한 스타일을 정의하고 원하는만큼 많은 웹 페이지에 적용 할 수 있습니다.
Pages load faster-CSS를 사용하는 경우 매번 HTML 태그 속성을 작성할 필요가 없습니다. 태그의 CSS 규칙 하나를 작성하고 해당 태그의 모든 발생에 적용하십시오. 따라서 코드가 적다는 것은 다운로드 시간이 더 빠르다는 의미입니다.
Easy maintenance -전체적으로 변경하려면 스타일을 변경하기 만하면 모든 웹 페이지의 모든 요소가 자동으로 업데이트됩니다.
Superior styles to HTML -CSS는 HTML보다 훨씬 더 광범위한 속성을 가지고 있으므로 HTML 속성에 비해 HTML 페이지를 훨씬 더 잘 볼 수 있습니다.
Multiple Device Compatibility-스타일 시트를 사용하면 두 가지 이상의 장치 유형에 맞게 콘텐츠를 최적화 할 수 있습니다. 동일한 HTML 문서를 사용하여 PDA 및 휴대폰과 같은 핸드 헬드 장치 또는 인쇄용으로 다른 버전의 웹 사이트를 제공 할 수 있습니다.
Global web standards -이제 HTML 속성은 더 이상 사용되지 않으며 CSS를 사용하는 것이 좋습니다. 따라서 모든 HTML 페이지에서 CSS를 사용하여 향후 브라우저와 호환되도록 만드는 것이 좋습니다.