在標簽中加入CSS樣式

2012/11/23 14:10:19作者：佚名來源：網(wǎng)絡(luò)

移動端

【實例介紹】

在標簽中加入樣式

在某個標記符的屬性說明中可以加入CSS樣式代碼，這屬于局部利用。HTML標簽包括body，table，p等，style的多個屬性之間用分號分隔。

【基本語法】

<標記 style="樣式屬性：屬性值；樣式屬性：屬性值···">

【語法介紹】

雖然這種方法使用比較簡單、顯示直觀，但在制作頁面的時候需要為很多的標簽設(shè)置style屬性，所以會導(dǎo)致HTML頁面不夠純凈，文件體積過大，不利于搜索引擎，從而導(dǎo)致后期維護成本高。

【實例代碼】


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
</head>
<body>
<p>剩余時間：成交結(jié)束<br />  
  新舊程度：全新 <br />  
  所 在 地：北京 <br />  
  寶貝數(shù)量：5 件 <br />  
  瀏 覽 量：220 次   
</p>  
<p style="color:#FF00FF; font-family:隸書; font-weight:bold; font-size:24px">
另送價值50元的充電器套裝！</p>  
</body>
</html>

【代碼分析】

上面加粗的代碼，在P標簽內(nèi)定義了文字顏色、字體、字號等CSS樣式，在瀏覽器中預(yù)覽效果如圖所示。

在標簽中加入樣式運行效果
【素材及源碼下載】