网站首页/网页设计列表/内容

在标签中加入CSS样式

网页设计2023-06-12阅读
网页的本质就是超级文本标记语言,通过结合使用其他的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样式 下载本实例相关素材及源码

 


网站建设是一个广义的术语,涵盖了许多不同的技能和学科中所使用的生产和维护的网站。

……

相关阅读