[CSS] 기본 문법

 

▶ CSS 기본 문법

 

- 문법 형식

선택자{속성: 속성값; 속성: 속성값;}

  - 먼저, HTML의 CSS를 연결할 때 사용하는 선택자를 작성.

  - 중괄호를 열고 닫은 범위 내에 특정한 CSS 명령인 속성과 그 속성에 해당하는 실질적인 값을 적음.

  - 속성과 값은 하나의 세트.

  - 하지만 위의 예시와 같이 옆으로 나열하여 작성하는 방식은 코드가 많아지면 가독성이 떨어짐.

  - 일부 경우를 제외하고는 아래와 같이 작성.

선택자{ 
    속성: 속성값; 
    속성: 속성값; 
} 

 

 

- 선택자(Selector)의 역할
  - 속성과 값을 지정할 대상을 검색.
  - HTML의 특정한 부분을 검색해 연결해 줌.

 

- 속성(property)과 값(value)의 역할
  - 검색된 대상에 지정될 CSS 명령.
  - 예를 들어 글자색을 빨간색으로 하는 경우 글자색은 속성, 빨간색은 값이 됨.
  - 선택자로 검색한 대상에 각 속성과 값을 삽입하여 스타일을 지정하는 것.

 

- /* comment */
  - 문서 내 수정사항이나 설명 등을 작성(주석).