티스토리 뷰

CSS

선언방식

dev23 2021. 7. 16. 15:35
반응형

- CSS 선언 방식은 네 가지가 있다.

 1. 내장 방식

 2. 링크 방식

 3. 인라인 방식

 4. @import 방식

 

1. 내장 방식

 - html 문서 안의 <style></style>의 내용으로 스타일을 작성하는 방식

 - CSS 내용이 많아지면 HTML 문서 안에서 한번에 처리하기 어렵다.

 예)

  <style>

    p {

      font-size20px;

    }

  </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;

 }

반응형

'CSS' 카테고리의 다른 글

선택자 우선순위  (0) 2022.02.02
스타일 상속  (0) 2022.02.02
선택자  (0) 2021.07.17
CSS 문법  (0) 2021.07.16
CSS 초기화  (0) 2021.07.16
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/11   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
글 보관함