<p>在使用CSS樣式表的時候,有兩種不同的方式可以將樣式應用到網頁上,一種是內嵌式,在<head>標簽中插入<style>標簽,然后將樣式代碼寫在其中,如下所示:</p>
<pre>
<head>
<style>
p {
font-size: 16px;
color: #333;
}
</style>
</head>
</pre>
<p>另一種則是外鏈式,在<head>中使用<link>標簽引用外部的CSS文件,代碼如下所示:</p>
<pre>
<head>
<link rel="stylesheet" href="style.css">
</head>
</pre>
<p>其中,href屬性指定了外部CSS文件的路徑,通過此方式,同一個CSS樣式表可以被多個網頁使用,可以更好地管理樣式代碼。外鏈式樣式表的具體寫法如下所示:</p>
<pre>
/* style.css */
p {
font-size: 16px;
color: #333;
}
</pre>
<p>以上代碼將p標簽的字體大小設置為16px,字體顏色為#333,可以同時作用于多個網頁。注意需要在外部CSS文件中使用<style>標簽,否則會出錯。</p>
網站導航
- zblogPHP模板zbpkf
- zblog免費模板zblogfree
- zblog模板學習zblogxuexi
- zblogPHP仿站zbpfang