(1) 링크 유형: (외부에서 가져온 .css 파일)
(더 많이 사용됨) 2cdf5bf648cf2f33323966d7f58a7f3f는 html이 로드되기 전에
웹의 93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1에서 참조됩니다. 페이지 태그 정렬에 외부 스타일 시트를 도입하려면 2cdf5bf648cf2f33323966d7f58a7f3f를 사용하고, 외부 CSS를 도입하려면 html 규칙을 사용하세요.
<link href="./css/style.css" rel="stylesheet" type="text/css"/>
가져오기 유형: (외부에서 .css 파일 가져오기)
(사용되지 않음) @import는 이후에만 참조됩니다. html이 로드되고 스타일을 JS DOM 모델에 삽입할 수 없습니다.
외부 CSS 파일이 93f0f5c25f18dab9d176bd4f6de5d30e 태그에도 작성됩니다.
<style type="text/css"> @import "./css/style.css" /*@import url(./css/style.css)*/ </style>
( 2) Embedded
는 100db36a723c770d327fc0aef2ce13b1 태그 아래(종종 93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1)에 직접 작성됩니다.
장점: 빠르며 모든 CSS 컨트롤은 이 페이지 태그에 대해 직접 읽혀집니다.
단점: 단일 페이지가 비대해 보이고 다른 HTML에서 참조할 수 없어 상대적으로 많은 양의 코드가 발생하고 유지 관리가 번거롭습니다.
<style type="text/css"> div{border:1px #ff0 solid} </style>
(3) 인라인
(권장하지 않음)에서 사용할 수 있습니다. 자주 바뀌지 않는 위치
<div style="border:1px #ff0 solid;">内容</div>
위 내용은 CSS를 사용하는 3가지 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!