添加CSS樣式表的三種方法
1、直接在標(biāo)簽內(nèi)定義,主要是在body內(nèi)實(shí)現(xiàn)。例如:<p style="color:blue;font-size:10pt
">css實(shí)例</p>
。不過呢,這種方法使用比較簡單、顯示直觀,無法發(fā)揮樣式表的優(yōu)勢(shì),因此呢我們是不推薦使用的。
2、在head里實(shí)現(xiàn)的css樣式。這種的css一般位于html文件的頭部,即<head>
與</head>
標(biāo)簽內(nèi),并且以<style>
開始,以</style>
結(jié)束。例如如下代碼:
<style Type="text/css">
<!--
H1{font-size:x-large;color:red}
H2{font-size:large;color:blue}
-->
</style>
其中<style>
與</style>
直接是樣式的內(nèi)容,在{ }前面可以寫樣式的類型和名稱。{ }中是樣式的屬性。這種方法是經(jīng)常被使用的添加樣式表的方法。
3、在文件外使用(也就是使用鏈接樣式表),就是我們?cè)诰W(wǎng)頁中可以調(diào)用我們已經(jīng)定義好的樣式表來實(shí)現(xiàn)樣式表的應(yīng)用,它可以定義在html文件內(nèi)部,也可以單獨(dú)成為文件。這種方法最適合大型網(wǎng)站的css樣式定義。
舉例如下:
建立test.htm
head中加入
<LINK REL=StyleSheet HREF="style.CSS" TYPE="text/CSS" MEDIA=screen>
在style.css中添加
h1{font-size:larger; color: #330066}
test.htm中這樣使用,就可以安裝樣式規(guī)定顯示
<h1>外部樣式表</h1>