> 웹 프론트엔드 > HTML 튜토리얼 > CSS를 HTML에 도입하는 방법

CSS를 HTML에 도입하는 방법

墨辰丷
풀어 주다: 2018-05-16 11:26:59
원래의
2461명이 탐색했습니다.


HTML에 CSS를 도입하는 네 가지 주요 방법은 인라인, 임베디드, 링크 및 가져오기입니다.

1. 인라인 스타일
      인라인 스타일은 태그의 스타일 속성에 CSS 스타일을 설정하는 것입니다. 이 방법은 CSS의 장점을 반영하지 않으므로 권장되지 않습니다.
2. Embedded
Embedded는 웹페이지의 태그 쌍에 CSS 스타일을 함께 작성하는 것입니다. 형식은 다음과 같습니다.

<head>
        <style type="text/css">
               ...此处写CSS样式
       </style>
      </head>
로그인 후 복사

단점은 많은 웹페이지를 포함하는 웹사이트의 경우 웹페이지마다 임베드를 사용하고 스타일을 수정하는 것이 매우 번거롭다는 것입니다. 단일 웹페이지에는 삽입 사용을 고려할 수 있습니다.

3. 가져오기 방법
HTML 파일에 독립적인 .css 파일을 도입합니다. 가져오기 방법은 CSS 규칙을 사용하여