[CSS] 1. CSS란

CSS의 역할

문서의 내용을 HTML(5)로 작성하였다면,

문서의 디자인(스타일)은 CSS 문서가 담당한다.

CSS의 뜻

CSS는 Cascading^[각주:1] Style Sheet의 약자로, 충돌을 막기 위해 '위에서부터 아래로 흐르며' 적용되는 방식이다.

CSS의 기능

CSS는 다양한 기능들을 지원한다.

· 선택자 Selectors

· 박스 모델 Box Model

· 배경 및 경계선 Backgrounds and Borders

· 텍스트 효과 Text Effects

· 2차원 및 3차원 변환 2D / 3D Transformations

· 애니메이션 Animations

· 다중 컬럼 레이아웃 Multiple Column Layout

· 사용자 인터페이스 User Interface

CSS 사용 방법

CSS3의 문법은

선택자 { 속성 : 값; 속성 : 값; ... }

이며 각 속성의 끝에 ;(세미콜론)을 붙여준다.

각주는 HTML과는 다르게

/* ... */ 를 사용한다.

CSS 위치

1. HTML 문서의 head 태그 안에 style 태그를 열어 사용할 수 있고

2. body의 각 태그 안에 style 속성을 작성하여 사용할 수 있고

3. CSS 문서를 따로 만들어 HTML 문서와 연결할 수 있다.

3번 방식은 여러 HTML 문서를 하나의 CSS 문서로 관리할 수 있어 유용하게 이용할 수 있다.

CSS 위치의 자세한 사용 방법에 대해서는 더 자세히 설명할 예정이다.

---

1. 폭포같은, 계속되는, 연속적인 [본문으로]