CSS 선언방법

*CSS의 구성

• span : selector (선택자)

• color : property

• red : value

 

 

 

*style을 적용하는 방법

1. inline

HTML 태그 안에 적용

다른 CSS파일에 적용한 것보다 가장 먼저 적용됨

 

2. internal

style 태그로 지정

구조와 스타일이 섞이므로 유지보수가 어려움

별도의 CSS파일을 관리하지 않아도 되고, 서버에 CSS파일을 부르기 위해 브라우저가 별도의 요청을 보낼 필요 없음

 

3. external

외부 파일(.css)로 지정하는 방식

CSS 코드가 아주 짧지 않다면 가급적 이 방법으로 구현

internal 코드와 같은 css코드를 구현, style.css와 같은 별도 파일을 만들고 이후에 아래처럼 link태그로 추가

4. 우선순위

inline은 별도의 우선순위를 갖지만, internal과 external은 우선순위가 동등

따라서 겹치는 선언이 있을 경우 나중에 선언된 속성이 반영됨