CSS의 선언 방식에는 크게 4가지가 있다.
1. 내장 방식
<style></style>의 내용으로 스타일을 작성하는 방식으로 HTML의 HEAD 요소에 작성한다.
별도의 CSS 파일이 필요 없다는 장점이 있지만 유지보수 측면에서 단점이 많다. 즉 권장하지 않는 방식임!!
2. 링크 방식
<link /> 로 외부 CSS 문서를 가져와서 연결하는 방식이다.
3. 인라인 방식
요소의 style 속성에 직접 스타일을 작성하는 방식으로 선택자가 없다.
우선순위가 높아 추후에 유지보수 하는데 불편함이 있다! 역시 권장하지 않는 방식이다.
4. @import 방식
CSS의 @import 규칙으로 CSS 문서 안에서 또 다른 CSS 문서를 가져와 연결하는 방식이다.
즉 HTML에 직접적으로 CSS를 연결하는 게 아니고, 이미 HTML과 연결된 CSS 파일에 다른 CSS 파일을 직렬로 연결하는 방식이다.
@import url("css/style.css");
'2. Front-end > 2-2. CSS' 카테고리의 다른 글
CSS - [ 속성 (배경) ] (0) | 2022.04.23 |
---|---|
CSS - [ 속성 ] (0) | 2022.04.22 |
CSS - [ 스타일 상속 ] (0) | 2022.04.22 |
CSS - [ 선택자 ] (0) | 2022.04.22 |
CSS - [ 브라우저 스타일 초기화 ] (0) | 2022.04.20 |