-
樣式有三種引入方式:外部樣式,內(nèi)部樣式,內(nèi)聯(lián)樣式
外部樣式:通過link引入外部樣式表,一般置于head標(biāo)簽中
<link rel="stylesheet" type="text/css" href="url">
其中“url”是外部css的路徑。內(nèi)部樣式:位于style標(biāo)簽內(nèi)部,一般置于head標(biāo)簽中
<style>
selector{
width: 200px;
height: 200px;
}
</style>內(nèi)聯(lián)樣式:位于html元素中,通過style屬性設(shè)置
<p style="width:200px; height:20px;"></p>@import
:是在css樣式表中引用其他css樣式,置于style標(biāo)簽中或.css樣式表中
@import("url")
-
link和@import的區(qū)別:
- link是XHTML標(biāo)簽,除了加載CSS外,還可以定義RSS等其他事務(wù);@import屬于CSS范疇,只能加載CSS。
- link引用CSS時(shí),在頁面載入時(shí)同時(shí)加載;@import需要頁面網(wǎng)頁完全載入以后加載。
- link是XHTML標(biāo)簽,無兼容問題;@import是在CSS2.1提出的,低版本的瀏覽器不支持。
- link支持使用Javascript控制DOM去改變樣式;而@import不支持。
CSS樣式引入方式
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
推薦閱讀更多精彩內(nèi)容
- CSS樣式引入方式 1、內(nèi)部樣式: 2、外部樣式表: 3、嵌入樣式: 4、導(dǎo)入樣式: link 和 @import...
- CSS的引入方式有三種: 內(nèi)聯(lián)屬性(Inline style attribute) 我的字號(hào)被修改了 對(duì)于想要設(shè)...
- 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
- 第一部分HTML&CSS整理答案1.什么是HTML5? 答:HTML5是最新的HTML標(biāo)準(zhǔn)。 注意:講述HTML5...
- 轉(zhuǎn)載請(qǐng)聲明 原文鏈接地址 關(guān)注公眾號(hào)獲取更多資訊 第一部分 HTML 第一章 職業(yè)規(guī)劃和前景 職業(yè)方向規(guī)劃定位...