CSS 선언 방법

span { color: red; }

- span : selector(선택자)

- color : 프로퍼티

- red : 값

- propery와 value는 콜론으로 구분, 세미콜론으로 문장을 구분

[Inline]

- HTML 태그 안에 CSS 문법을 넣음

- style 속성 사용

- <span style="color:red;">Hello World!</span>

[Internal]

- head 태그 안에 CSS 문법을 넣음

- style 태그 사용

- <style> span { color: red; } </style>

- 구조와 스타일이 섞이게 되므로 유지보수가 어렵다.

- 별도의 CSS 파일을 관리하지 않아도 된다. 서버에 CSS 파일을 요청하기 위한 별도 요청을 보낼 필요가 없다.

[External]

- 별도의 .css 파일을 만들어 import

- <link rel="stylesheet" type="text/css" href="..." />

- 우선 순위 : Inline > Internal = External

- 나중에 선언된 속성이 반영됨

- JavaScript를 사용해서 동적으로 CSS 코드를 변경할 수 있다고 한다.

- 다른 사이트를 보면 보통 External 방식을 사용하는 것 같다. 일반적으로 생각해도 External 방식이 좋긴 할듯.