우선순위: 외부 스타일 < 내부 스타일 시트 < 인라인 스타일 시트
우선순위: 동일한 이름을 가진 선택기의 오른쪽이 왼쪽을 재정의합니다. 1. 내부 스타일 테이블
<head>
<style>
/*内部样式表，一般用于覆盖公用样式*/
＃headTip {
color: 0xff5;
}
</style></head></p>
<p class="cnblogs_code"></p>
<p> 2. 링크 태그를 사용하여 문서에서 외부 리소스 사용을 선언하는 것이 가장 일반적인 방법입니다. </p>
<p>@CHARSET="utf-8"; CSS 외부 스타일 시트의 인코딩을 지정해야 합니다. </p>
<p></p>
<pre class="brush:php;toolbar:false"><span style="color: #0000ff"><</span><span style="color: #800000">head</span><span style="color: #0000ff">></span>
<span style="color: #0000ff"><</span><span style="color: #800000">link </span><span style="color: #ff0000">href</span><span style="color: #0000ff">="./my-common.css"</span><span style="color: #ff0000"> rel</span><span style="color: #0000ff">="stylesheet"</span><span style="color: #ff0000"> media</span><span style="color: #0000ff">="screen"</span><span style="color: #ff0000"> type</span><span style="color: #0000ff">="text/css"</span><span style="color: #0000ff">/></span><span style="color: #0000ff"></</span><span style="color: #800000">head</span><span style="color: #0000ff">><br></span>3.@ 메소드, CSS를 도입합니다. 이는 비동기식으로 로드되며 전체 HTML이 로드된 후에 로드되므로 페이지가 깜박이게 됩니다. . 권장되지 않습니다.
rree4. 인라인 스타일 시트는 우선순위가 가장 높고 가장 간단하지만 재사용이 불가능하고 유지관리가 쉽지 않습니다.
아아앙
위 내용은 CSS의 네 가지 작성 방법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
