CSS 선언방법

CSS 선언

CSS의 선언은 선택자와 다음 property, value로 구성된다.

 

Style을 HTML에 적용하는 방법으로는

 

inline, internal, external 세 가지 방법이 있다.

 

inline으로 적용한 style은 다른 어떤 파일에 CSS로 별도 다른 방법으로 선언한 것보다

먼저 적용하게 되어있다.

이것은 별로 좋은 방법은 아닌데 그 이유는 구조를 표현하는 HTML에 CSS가 들어있다보니

유지보수가 어렵고 관리하기가 어렵기 떄문이다.

다음은 inline을 통해 적용한 예시이다.

internal 방식은 head안에 바로 style을 넣는 방식이다.

이 방식의 장점은 별도의CSS파일을 관리하지 않아도 된다는 점

또 서버에 CSS파일을 부르기 위해서 별도의 브라우저가 요청을 보내지 않아도 된다는 점이다.

다음은 internal방식을 통해 적용한 예시이다.

마지막으로 external방식이 있는데

이 방식은 HTML이 있고 별도의 CSS파일을 만들어서 include 시키는 것이다.

다음은 external을 통해 적용한 예시이다.

직접 실습을 하면서 살펴보겠다.

출처 : edwith

https://www.edwith.org/boostcourse-web/lecture/16673/