外部式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://m.sbmmt.com">效果</a></p>
<div class="divclass">hello div</div>
</body>
</html>
預覽
Clear
- 課程推薦
- 課件下載
課件暫不提供下載，工作人員正在整理中，後期請多關注該課程~ 