【实例介绍】
在标签中加入样式
在某个标记符的属性说明中可以加入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样式,在浏览器中预览效果如图所示。
【素材及源码下载】
请点击:在标签中加入CSS样式 下载本实例相关素材及源码
……