11일차_CSS 개요: 기본 문법, 주석_20210725

CSS 개요: 기본 문법, 주석

선택자{속성: 값;}

선택자

: 스타일(CSS)을 적용할 대상(Selector)

속성

: 스타일(CSS)의 종류(Property)

값

: 스타일(CSS)의 값(Value)

--> 선택자 속성은 값이다.

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

중괄호: 스타일 범위의 시작과 끝

 

ex)

div { color: red;}

: 태그 선택자 속성컬러는 레드이다.

div { color: red; margin: 20px; }

: 태그 선택자 속성컬러는 레드이고, 여백은 20px 이다.

구분을 위해 들여쓰기를 이용한다

div{

  color: red;

  margin: 20px;

}

 

주석

/* 설명 작성 */

div{

  color: red;

  margin: 20px;

}