在标签中加入CSS样式|萝卜系统下载站

网页的本质就是超级文本标记语言，通过结合使用其他的Web技术（如：脚本语言、公共网关接口、组件等），可以创造出功能强大的网页。因而，超级文本标记语言是万维网（Web）编程的基础，也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。

【实例介绍】

在标签中加入样式

在某个标记符的属性说明中可以加入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样式

本类教程下载

系统下载排行