溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要講解了“css的四種優先級書寫方式分享”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“css的四種優先級書寫方式分享”吧！
優先級： 外部樣式 < 內部樣式表 < 內聯樣式表；
優先級，即：同名的選擇器右邊的會覆蓋左邊
1.內部樣式表
CSS Code復制內容到剪貼板
<head>
<style>
/*內部樣式表，一般用于覆蓋公用樣式*/
＃headTip {
color: 0xff5;
}
</style>
</head>
2.使用link標簽，在文檔中聲明使用外接資源，最常用的一種方式。
css外部樣式表指定編碼的@CHARSET="utf-8"; 需要放在第一行。
XML/HTML Code復制內容到剪貼板
<head>
<link href="./my-common.css" rel="stylesheet" media="screen" type="text/css"/>
</head>
3.@方式，引入css,注意這個是異步加載的，在整個html加載之后才加載，會導致頁面閃爍。不推薦使用。
CSS Code復制內容到剪貼板
<head>
<style>
@import 'my-common.css';
</style>
</head>
4.內聯樣式表,優先級最高最直白，但不能復用不容易維護。
XML/HTML Code復制內容到剪貼板
<body>
<input type="text" style="color:0x550;font-size:30px;"/>
</body>
感謝各位的閱讀，以上就是“css的四種優先級書寫方式分享”的內容了，經過本文的學習后，相信大家對css的四種優先級書寫方式分享這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
