div {
color: blue;
margin: 20px;
}
선택자 { 속성: 값; }
- 선택자 : 스타일을 적용할 대상
- 속성 : 스타일의 종류
- 값 : 스타일의 값. 값 뒤에는 세미콜론(;)이 와야 한다.
주석
CSS 선언 방식
<style>
div {
color: red;
}
</style>
- 내장 방식 : HTML 문서 내에서 직접 CSS를 적용한다. 유지보수 면에서 단점이 있다.
<link rel="stylesheet" href="./css/main.css">
- 링크 방식 : HTML 문서에서 link 태그를 이용해 외부 CSS 문서를 가져와서 연결하는 방식
<div style="color: red;"></div>
- 인라인 방식 : 요소의 style 속성에 직접 스타일을 작성하는 방식