在标签中加入CSS样式

2012/11/23 14:10:19作者：佚名来源：网络

移动端

【实例介绍】

在标签中加入样式

在某个标记符的属性说明中可以加入CSS样式代码，这属于局部利用。HTML标签包括body，table，p等，style的多个属性之间用分号分隔。

【基本语法】

<标记 style="样式属性：属性值；样式属性：属性值···">

【语法介绍】

虽然这种方法使用比较简单、显示直观，但在制作页面的时候需要为很多的标签设置style属性，所以会导致HTML页面不够纯净，文件体积过大，不利于搜索引擎，从而导致后期维护成本高。

【实例代码】


<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>剩余时间：成交结束<br />  
  新旧程度：全新 <br />  
  所 在 地：北京 <br />  
  宝贝数量：5 件 <br />  
  浏 览 量：220 次   
</p>  
<p style="color:#FF00FF; font-family:隶书; font-weight:bold; font-size:24px">
另送价值50元的充电器套装！</p>  
</body>
</html>

【代码分析】

上面加粗的代码，在P标签内定义了文字颜色、字体、字号等CSS样式，在浏览器中预览效果如图所示。

在标签中加入样式运行效果
【素材及源码下载】