[CSS] CSS3 스타일 시트 형식

ㅇ CCS3 스타일 시트 형식

p {

color: blue;

font-size: 20px;

}

위의 코드는 <p> </p> 안에 있는 글의 색을 파랑색으로 하고, 폰트 크기는 20px로 설정하는 코드이다.

p { /* 셀렉터 */

/* 프로퍼티, 값 */

color: blue;

/* 프로퍼티, 값 */

font-size: 20px;

}

p  : 셀렉터

CSS3 스타일 시트의 이름이나 규칙, 셀렉터와 같은 이름의 모든 HTML 태그에 스타일 시트를 적용한다.

{ }  : 스타일 시트 블록

CSS3 스타일 시트는 중괄호 {} 를 이용하여 작성한다.

color   font-size  : 프로퍼티

blue   20px  : 값

각 CSS3 스타일은 프로퍼티: 값의 쌍으로 표현된다.

특징)

- 각각의 프로퍼티는 ; (세미콜론)으로 구분하며, 마지막 프로퍼티의 값 뒤에는 붙이지 않아도 된다.

- 주석은 /* */를 사용하며 아무 곳에나 사용할 수 있다.

- 대소문자 구분이 없다.