CSS 지정방식 태그 내부 삽입형(ln-line style) 문서 내 지정형(Embedding style) 외부 경로 삽입형(link style) 태그 내부 삽입형(ln-line style) 문서 내 지정형(Embedding style) 외부 경로 삽입형(link style)

CSS 주석 /*로 시작해서 */로 끝남 CSS 주석은 대.소문자 구분하지 않음 W3C가 권고하는CDATA 주석 문법 사용. ""는 CSS 미인식 웹 브라우저에서 내용이 그대로 출력되는 것을 방지 p { line-height: 120%; } /* 요소의 글꼴 크기('font-size')의 120% */

HTML 요소를 선택자로 사용시 tag { … } 특정 요소에 특정 스타일을 적용 : 태그에 대한 스타일만 적용 p { font-family: 휴먼매직체; font-size: 20pt; } tag, tag, … tag { … } 여러 요소에 동일 서식 적용 : , 태그에 적용 p, b { font-family: 휴먼매직체; font-size: 20pt; } tag1 tag2 { … } tag1 내의 tag2에만 스타일을 적용할 때 사용 p b { font-family: 휴먼매직체; font-size: 20pt; }

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; } 값(value) 프로퍼티의 종류에 따라 지정하는 일정 범위의 값, 대상 프로퍼티의 값 키워드그 자체가 의미를 가진 값으로, 큰 따옴표를 사용하지 않는다.일반값 안에 표기한 데이터 형태를 가리킨다.

CSS의 기본 구성 요소 선택자(selector)표시 정보를 적용하는 요소 타입으로 적용 대상 범위 지정 XHTML의 모든 요소 사용 가능프로퍼티(property)CSS의 실질적인 기능을 의미, 선택자에 대해 어떤 스타일을 부여할지를 지정값(value)프로퍼티의 종류에 따라 지정하는 일정 범위의 값, 대상 프로퍼티의 값 키워드그 자체가 의미를 가진 값으로, 큰 따옴표를 사용하지 않는다일반값 안에 표기한 데이터 형태를 가리킨다.

CSS Color Names http://www.w3schools.com/cssref/css_colornames.asp [ff0000]빨[ff8c00]주[ffff00]노[008000]초[0000ff]파[4b0082]남[800080]보