1. 程式人生 > >外部式css樣式,寫在單獨的一個檔案中

外部式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>標籤之內。

html
<link href="Untitled-3.css" rel="stylesheet" type="text/css"/>
</head>
<body>
     <p>壯士,<span>功名尚未成</span>,嗚呼久不遇陽春。<span>君不見黃河之水天上來</sapn></p>
</body>
CSS
span
{
	color:red;
	font-size:20px;
}