EdgeSecu

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

STUDY/GDSC

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

Edgemine 2023. 4. 30. 23:52
 

CSS3 Syntax | PoiemaWeb

CSS(Cascading Style Sheets)는 HTML이나 XML과 같은 구조화 된 문서(Document)를 화면, 종이 등에 어떻게 렌더링할 것인지를 정의하기 위한 언어이다. 즉, CSS는 HTML의 각 요소(Element)의 style(design, layout etc)을

poiemaweb.com

[CSS]

1. CSS 기본 문법

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

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

 

2. 셀렉터

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

 

3. CSS 프로퍼티 값의 단위

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

 

4. 박스 모델

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

 

5. 폰트와 텍스트

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

 

 

6. 요소의 위치 정의

 

7. 요소 정렬

저작자표시 비영리 변경금지 (새창열림)

'STUDY > GDSC' 카테고리의 다른 글

웹 기초 스터디 6주차 WIL6  (0) 2023.05.03
웹 기초 스터디 5주차 [HTML]  (0) 2023.04.30
웹 기초 스터디 5주차 WIL5  (0) 2023.04.11
웹 기초 스터디 4주차 WIL4  (0) 2023.04.04
웹 기초 스터디 3주차 WIL3  (0) 2023.03.31
'STUDY/GDSC' Related Articles more