CSS
선언방식
dev-in-daily-life
2021. 7. 16. 15:35
반응형
- CSS 선언 방식은 네 가지가 있다.
1. 내장 방식
2. 링크 방식
3. 인라인 방식
4. @import 방식
1. 내장 방식
- html 문서 안의 <style></style>의 내용으로 스타일을 작성하는 방식
- CSS 내용이 많아지면 HTML 문서 안에서 한번에 처리하기 어렵다.
예)
<style>
p {
font-size: 20px;
}
</style>
2. 링크 방식
- <link />로 외부 CSS 문서를 가져와서 연결하는 방식
예)
<link rel="stylesheet" href="./main.css">
3. 인라인 방식
- 요소의 style 속성에 직접 스타일을 작성하는 방식.
- 선택자 지정 없음.
예)
<p style="font-size:20px;">p 태그</p>
4. @import 방식
- CSS의 @import 규칙으로 CSS 문서 안에서 또 다른 CSS 문서를 가져와 연결하는 방식
예)
- main.css
@import url("./p.css");
- p.css
p{
font-size:20px;
}
반응형