CSS樣式的四種調用方式有什么不同?優先級有什么不同?


在HTML中常用以下三種方式定義CSS:embedding(嵌入式)、linking(外部引用式)和inline(內聯式,也稱行內樣式)。

一:嵌入式
用戶可在HTML文檔頭部定義多個style元素,實現多個樣式表。
<Head> 
<style type="text/css">
<!--
body {
font-family: "宋體";
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: normal;
text-decoration: none;
}
-->
</style>
二:外部引用式
①可以在多個文檔間共享樣式表,對於較大規模的網站,將CSS樣式定義獨立成一個一個的文檔,可有效地提高效率,並有利於對網站風格的維護。
②可以改變樣式表,而無需更改HTML文檔,這也與HTML語言內容與形式分開的原則相一致。
③可以根據介質有選擇的加載樣式表。
<Head> 
<link rel="stylesheet" type="text/css" href="Css.css" />
</Head>

三:內聯式
使用該屬性可以直接指定樣式,當然,該樣式僅能用於該元素的內容,對於另一個同名的元素則不起作用。
    1、樣式的屬性內容直接跟在將要修飾的文字標記里[如:
2、具體格式: style="font-size:10px;font-color:#ff0000"
例如:修飾單元格里的文字
四:導入樣式表
<style type="text/css">
<!--
@import url("css/base.css");
-->
</style>
 
        
第二:四種樣式的優先級 

如果這上面的四種方式中的兩種用於同一個頁面后,就會出現優先級的問題,這里我就不再舉例子來說明了,大家在下面自己證明一下下面的結論 

四種樣式的優先級別是(從高至低):行內樣式、內嵌樣式、鏈接樣式、導入樣式。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM