CSS 구문(Syntax) 구조

CSS 구문, CSS 문법은 크게 선택자 와 선언부로 나뉩니다.
W3school 에서 제공하는 CSS syntax 를 살펴보면 하기와 같습니다.

CSS 구문

선택자(Selector) 는 스타일을 적용하고 싶은 HTML 요소를 선택하는 역할을 합니다.
선언부는 속성(Property) 과 Value(값) 으로 구성되며, 선언이 하나이상일때는 세미콜론(;) 으로 구분해줍니다.
선언부는 중괄호{} 내에 기재합니다. 

p {
  color: red;
  text-align: center;
}

위 CSS 예제에서는
<p> 요소 의 글자 색상을 red 그리고 중앙정렬이 되게 스타일 합니다.
CSS 를 HTML에 적용하면 하기 오른쪽과 같은 스타일이 적용된 웹문서를 얻을 수 있습니다.

예제코드

CSS Syntax 구조에 대해서 정리해보았습니다.
해당 자료는 W3School 를 참고했습니다. 감사합니다.

CSS Syntax