7-1. CSS 문법

7-1. CSS 문법

 

가. 정의

  

  - CSS는 HTML과 마찬가지로 정해진 많은 속성과 그에 해당하는 값의 집합으로 이루어져 있음

 

나. CSS 문법

 

h1{color: yellow; font-size: 2em;}

 

 1) 선택자(selector) : 꾸밀 HTML 요소 대상자

                                   ex) h1

 2) 속성(property)  : 속성이름

                               : HTML에도 속성(atrribut)이 있으나 이는 CSS 속성과 전혀 다름

                                 ex) color, font-size

 3) 값(value) : 속성값

                     : 속성이름과 속성값 사이에 콜론( : )으로 연결하고, 속성값 마지막에 세미콜론( ; )을 붙힐것 

                       ex) : yellow; , : 2em;

 4) 선언(declaration) : 속성이름 + 속성값

                                    ex) color: yellow; font-size: 2em;

 5) 선언부(declaration block) : 어떻게 꾸밀것인지에 대한 것

                                                : 선언에 {, } 를 감쌀 것

                                                   ex) {color: yellow; font-size: 2em;}

 6) 규칙(rule set) : 선택자 + 선언부

                              ex)  h1{color: yellow; font-size: 2em;}

 

※ 개행 주의점 : 선택자와 선언부 사이, 선언과 선언 사이의 개행은 괜찮으나, 속성이름과 속성 사이는 불가