[CSS] CSS 문법 살펴보기

1. 문법 설정

CSS 문법은 크게 선택자와 선언부로 구분한다.

선택자는 CSS 스타일을 적용할 HTML 태그(요소)를 선택하는 영역이다.

선언부는 선택자에서 선택한 태그에 적용할 스타일을 작성하는 영역으로, 중괄호({}) 안에 넣는다.

선언부에 작성하는 스타일은 반드시 속성과 값을 한쌍으로 작성한다. 

이때 값의 뒤에 세미콜론(;)을 넣으면 여러 스타일을 연속해서 사용할 수 있다.

 

예를 들어 h1 태그의 텍스트 크기를 24px로, 색상을 빨간색으로 지정하고 싶다면 아래와 같이 작성할 수 있다.

h1{
    font-size:24px;
    color:red;
}

 

 

2. 주석

CSS도 HTML 처럼 코드에 주석을 남길 수 있다.

CSS에서는 주석 내용을 /*와 */ 사이에 작성한다

/* 주석 내용 */

HTML과 마찬가지로 웹 브라우저에서 소스 보기로 보면 주석 내용이 노출되므로 중요한 정보를 적으면 안된다.