添加CSS樣式表的三種方法
1、直接在標簽內(nèi)定義,主要是在body內(nèi)實現(xiàn)。例如:<p style="
。不過呢,這種方法使用比較簡單、顯示直觀,無法發(fā)揮樣式表的優(yōu)勢,因此呢我們是不推薦使用的。color:blue;font-size:10pt
">css實例</p>
2、在head里實現(xiàn)的css樣式。這種的css一般位于html文件的頭部,即<head>
與</head>
標簽內(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、在文件外使用(也就是使用鏈接樣式表),就是我們在網(wǎng)頁中可以調(diào)用我們已經(jīng)定義好的樣式表來實現(xiàn)樣式表的應用,它可以定義在html文件內(nèi)部,也可以單獨成為文件。這種方法最適合大型網(wǎng)站的css樣式定義。
舉例如下:
建立test.htm
head中加入
h1{font-size:larger; color: #330066}
<LINK REL=StyleSheet HREF="style.CSS" TYPE="text/CSS" MEDIA=screen>
在style.css中添加
test.htm中這樣使用,就可以安裝樣式規(guī)定顯示
<h1>外部樣式表</h1>