사용자 도구

사이트 도구


wiki:css:css_note:css_introduction_syntax

CSS Introduction & Syntax

  • description : CSS Introduction & Syntax
  • author : 오션
  • email : shlim@repia.com
  • lastupdate : 2021-03-04


Source of the article

  • “Do it! HTML5 + CSS3 웹표준의 정석” / 이지스 퍼블리싱 / 고경희 지음 / 개정1판 9쇄 발행 2019년 6월 3일 /


CSS Introduction

  • CSS는 웹 페이지를 디자인하려고 사용하는 언어이다.


CSS란?

  • CSS는 Cascading Style Sheets (캐스케이딩 스타일 시트)의 약자이다.
  • CSSHTML 요소들이 스크린, 문서, 또는 다른 미디어에서 보여질 방식을 서술한다.
  • CSS는 동시에 다수의 웹 페이지의 레이아웃을 조절하여 많은 노고를 덜어줍니다.
  • 외부 스타일시트는 CSS파일에 저장됩니다.


CSS Syntax


  • 선택자 (Selector)는 디자인하려는 HTML요소를 가리킵니다.
  • 선언 블럭 (declaration block)은 세미콜론 (;)으로 구분되는 하나 이상의 선언을 가질 수 있습니다.
  • 각각의 선언은 콜론 (:)으로 CSS 속성 명과 값을 포함합니다.
  • 다중 CSS 선언은 세미콜론으로 구분하고, 선언 블럭은 중괄호 {}로 표시합니다.

Example

p {
   color: red;
   text-align: center;
}


  • pCSS에서 선택자이며, 디자인하려는 HTML 요소를 가리킵니다.
  • color속성 (property)이고, red속성 값 (property value)입니다.
  • text-align은 속성이고, center는 속성 값입니다.
/volume1/web/dokuwiki/data/pages/wiki/css/css_note/css_introduction_syntax.txt · 마지막으로 수정됨: 2023/01/13 18:44 (바깥 편집)