CSS(Cascading Style Sheets, 종속형 스타일 시트)
브라우저에서 웹페이지의 외형을 결정하는 선언형 언어로,
브라우저는 선택한 요소에 CSS 스타일 선언을 적용해 화면에 표현함.
하나의 스타일 선언은 속성과 그 값으로 이루어져 있음.
선택자{ 속성 : 값; }
※ 선택자 : 스타일(CSS)를 적용할 대상(Selector)
※ 속성 : 스타일(CSS)의 종류(Property)
div { color : red; }
color은 글자색의 속성이고, red는 색상의 값임.
div 의 색상을 레드로 하라는 의미.
div { margin: 20px; }
margin은 요소 외부의 여백이며, 20px는 값임.
div 요소 외부 여백을 20픽셀로 하라는 의미.
인지하기 좋게 보통 아래와 같이 배치. (항상 협업 고려)
div {
color : red;
margin: 20px;
}
선택자 + 범위 시작과 각 속성과 값을 한 칸씩에 두고
아래 종결 가로를 침.
'개념 창고 > HTML & CSS' 카테고리의 다른 글
CSS 기본 선택자 (0) | 2022.05.20 |
---|---|
CSS 선언 방식 (0) | 2022.05.20 |
HTML 전역 속성 (0) | 2022.05.18 |
HTML의 주석처리 (0) | 2022.05.18 |
HTML 자주 사용하는 태그2 (0) | 2022.05.18 |