外部式css樣式

外部式css樣式(也可稱為外聯式)就是把css程式碼寫一個單獨的外部檔案中,這個css樣式檔案以「.css」為副檔名,在<head>內(不是在<style>標籤內)使用<link>標籤將css樣式檔案連結到HTML檔案內,如下列程式碼:

<link href="base.css" rel="stylesheet" type="text/css" />

注意:

##1、css樣式檔案名稱以有意義的英文字母命名,如main.css。

2、rel="stylesheet" type="text/css" 是固定寫法不可修改。

3、<link>標籤位置一般寫在<head>標籤之內。

body { line-height: 130pt}
H1,H2,H3,H4,H5,H6 {
color: red;
text-decoration: underline;
font-family: " 黑体 "
}
b {
font-style: italic;
color: #FF3333;
text-decoration: underline
}

我們看到,只是少了 < STYLE> 和註解標記,其餘書寫外部樣式表沒有任何改變。

繼續學習
||
<!doctype html> <html> <head> <meta charset="UTF-8"> <title></title> <link href="mycss.css" type="text/css" rel="stylesheet"> </head> <body> <!--p 标签中嵌套了一个 a 标签,在下面的 css 引用过程中我们可以看到的.pclass a 即为 class 被用作派生选择器--> <p class="pclass">这是一个 class 显示效果<a href="hhtp://www.php.cn">效果</a></p> <div class="divclass">hello div</div> </body> </html>