編碼的世界 / 優質文選 / 生涯

在HTML中使用CSS樣式的幾種方式


2021年11月26日
-   

1.內聯方式(行內樣式)
就是在HTML的標簽中使用style屬性來設置css樣式 格式:<html標簽 style="屬性:值;屬性:值;.">被修飾的內容</html標簽>
<p style="color:orange;font-size:18px">在HTML中如何使用css樣式</p>

特點:僅作用於本標簽。
2. 內部方式(內嵌樣式)
就是在head標簽中使用標簽來設置css樣式 格式: <style type="text/css"> .css樣式代碼 </style> 特點:作用於當前整個頁面
3. 外部導入方式(外部鏈入)
3.1 (推薦)就是在head標簽中使用標簽導入一個css文件,在作用於本頁面,實現css樣式設置
格式:<link href="文件名.css" type="text/css" rel="stylesheet"/>
3.2 還可以使用import在style標簽中導入css文件。
如:<style type="text/css"> @import "style.css"; </style> 特點:作用於整個網站
他們的優先級:當樣式沖突時,就是采用就近原則,是值css屬性離被修飾的內容最近的為主。若沒有樣式沖突則采用疊加效果。

熱門文章