首页 理论教育 在网页中添加CSS样式表-《JSP设计与开发》

在网页中添加CSS样式表-《JSP设计与开发》

时间:2023-11-08 理论教育 版权反馈
【摘要】:在定义好样式表后必须将其加到网页中,才能发挥样式表的作用。--样式表定义-->说明:style对象的type属性设置为“text/css”,是允许不支持这类型的浏览器忽略样式表单;把样式表的定义放在注释标签中是由于有些浏览器即使在设定了TYPE=“text/css”属性时也不能忽略样式表继续执行下面的命令,而且还会显示样式表的代码,而注释标签则可以避免发生这种情况。

在网页中添加CSS样式表-《JSP设计与开发》

在定义好样式表后必须将其加到网页中,才能发挥样式表的作用。把样式表加到网页的方法总结起来,主要有以下3种。

(1)定义内部样式块对象:在HTML文档的<html>和<body>标签之间插入一个<style>...</style>块对象,将样式表信息放在定义的块对象中即可。其形式如下。

<head>

<style type="text/css">

<!--

样式表定义

-->

</style>

</head>(www.xing528.com)

说明:style对象的type属性设置为“text/css”,是允许不支持这类型的浏览器忽略样式表单;把样式表的定义放在注释标签中是由于有些浏览器即使在设定了TYPE=“text/css”属性时也不能忽略样式表继续执行下面的命令,而且还会显示样式表的代码,而注释标签则可以避免发生这种情况。

(2)内联定义:在对象的标签内使用对象的style属性定义相应的样式表属性。例如:

<p style="color:red">红色</p>

(3)链接外部样式表文件:先建立外部样式表文件(.css),然后在<head>标签中使用link对象进行链接。其形式如下。

<head>

<rel=stylesheet href="http://www.cqepc.cn:8887/jsp.css"type="text/css">

</head>

说明:link标签在文档中声明使用外接资源时使用,其中的href属性中指明要链接的样式表文件的路径,可以是绝对路径也可以是相对路径;rel=stylesheet指定链接类型为样式表。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈