[웹 표준에 맞는 HTML5 프로그래밍] 4차시 - CSS3를 활용한 시각적 효과 꾸미기

CSS3의 개요(선택자, 스타일, 속성, 값)

1. CSS3의 개념 및 형식

- HTML(Hypertext Markup Language): 문서의 내용

- CSS(Cascading Style Sheets): 문서의 스타일(디자인)

2. CSS3의 적용 예

3. 선택자의 종류

- .class

- #id

- *

- element

- element, element, ..

 

CSS3의 표현 방법

1. 외부 스타일 시트

2. 내부 스타일 시트

3. 인라인 스타일 시트

 

CSS3의 단위, 색상, 글자 속성

1. CSS3의 단위

- 고정 크기 단위: cm, mm, in, px, pt, pc

- 가변 크기 단위: em, ex, ch, rem, vw, vh, vmin, vmax, %

2. CSS3의 색상

- CSS 색상의 종류: Background Color, Text Color, Border Color

- CSS 색상의 표현 방법: RGB, 16진수, HSL, RGBA, HSLA

3. CSS Text

Color, Alignment, Decoration, Transformation, Spacing

4. CSS Font

- font-family

- font-style

- font-weight

- font-size