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

 }

반응형