css 선택자, 속성, 선언 방식, 내장 방식, 링크 방식, 인라인 방식, @import 방식

선택자 { 속성 : 값 } 

선택자 : 스타일(css)을 적용할 대상 (selector)

속성 : 스타일(css)의 종류 (property) ex) color : blue;

 

css 선언 방식

- 내장 방식

- 링크 방식

- 인라인 방식

- @import 방식

1. 내장 방식

<style></style>의 내용으로 스타일을 작성하는 방식 : html 내부에 작성

별도의 css 파일 만들지 않아도 html안에서 적용 가능하다는 장점이 있지만

css 내용이 많아진다면 쉽지 않다.

 

2. 링크 방식

<link /> 로 외부 css 문서를 가져와서 연결하는 방식

병렬 방식으로 해석이 먼저 끝나는 css가 적용된다. 

 

 

3. 인라인 방식

요소의 style 속성에 직접 스타일을 작성하는 방식으로 선택자라는 개념이 없다.

 

4. @import 방식

css의 @import 규칙으로 css 문서 안에서 또 다른 css 문서를 가져와 연결하는 방식

직렬로 연결한다. 

ㄴ> 현재 화면에서 box라는 css를 연결하려면 main.css가 있어야함

장점이자 단점이라면 import라는 코드가 해석되기 전까지는 html에 box.css가 연결되지 않음

연결이 지연된다는 단점이 있는데 일부러 지연시킬 수도 있음!