软件学堂

网游分类软件分类

在标签中加入CSS样式

2012-11-23 来源:网络

【实例介绍】

在标签中加入样式

在某个标记符的属性说明中可以加入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样式 下载本实例相关素材及源码

 

上一篇:CSS ID选择器
下一篇:Photoshop给室内美女图片美白及润色

相关文章