在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>
第二:四種樣式的優先級
如果這上面的四種方式中的兩種用於同一個頁面后,就會出現優先級的問題,這里我就不再舉例子來說明了,大家在下面自己證明一下下面的結論
四種樣式的優先級別是(從高至低):行內樣式、內嵌樣式、鏈接樣式、導入樣式。