CSS 기본구조

   

   

CSS의 기본 구성 요소

   

 

선택자(selector)	·       표시 정보를 적용하는 요소 타입으로 적용 대상 범위 지정합니다. ·       HTML의 모든 요소를 사용 할 수 있습니다. ·       적용할 객체라고도 합니다. ·       보통의 경우 선택자는 HTML 태그 중 하나를 의미합니다. ·       선택자의 종류에는 태그 선택자, 아이디선택자, 클래스 선택자가 있습니다.
프로퍼티(property)	·       속성(attribute) ·       CSS의 실질적인 기능을 의미합니다. ·       선택자에 대해 어떤 스타일을 부여할지를 지정합니다.
값(value)	·       속성 값 ·       대상 프로퍼티의 값 ·       프로퍼티의 종류에 따라 일정 범위의 값 지정합니다.   값 형태 설명 키워드 ·       그 자체가 의미를 가진 값으로, ·       큰 따옴표를 사용하지 않습니다. 일반값 ·       표기한 데이터 형태를 가리킵니다.

 

 

 

CSS 선언

선택자 { 프로퍼티1:값1; 프로퍼티2:값2; … … 프로퍼티n:값n; }

속성과 속성값은 계속적으로 추가할 때 세미콜론(;) 기호를 사용하여 구분해 줍니다

 

문자 색을 red로 지정

h { color: red; }

 

 

글꼴 red, 크기 12 포인트 지정

p { color: red; } p { font-size: 12pt; }

p { color: red; font-size: 12pt; }