웹 기초 스터디 5주차 [CSS]

CSS3 Syntax | PoiemaWeb

[CSS]

1. CSS 기본 문법

Cascading Style Sheets: 구조화된 문서를 어떻게 렌더링할 것인지를 정의

HTML5에서 HTML은 정보와 구조화, CSS는 styling의 정의 로 역할의 명확한 구분이 이루어졌다

 

2. 셀렉터

style을 적용하려는 html요소를 셀렉터를 통해 특정함

 

3. CSS 프로퍼티 값의 단위

각 프로퍼티에 따라 사용할 수 있는 키워드가 정해져 있음

 

4. 박스 모델

cf) width와 height로 지정한 콘텐츠 영역보다 실제 콘텐츠가 크면 콘텐츠 영역을 넘치게 됨. overflow: hidden; 을 지정하면 넘친 콘텐츠를 감출 수 있다

 

5. 폰트와 텍스트

폰트의 크기, 폰트 지정, 폰트 스타일, 텍스트 정렬 등

 

 

6. 요소의 위치 정의

 

7. 요소 정렬