ASP 引用CSS样式
开发人员可以用任何一种文本编辑工具来编写样式表CSS,比如Windows下的记事本和写字板。另外,也可以使用一些专门的HTML文本编辑工具(如FrontPage、Ultraedit等),来编辑CSS文档。
在CSS中可以使用4种不同的方法,将样式表的功能加到网页中。方法包括:直接定义元素的STYLE属性、定义内部样式表、嵌入外部样式表和连接外部样式表。上述4种方法将样式表分为内部样式表和外部样式表。
1.链入外部样式表
链入外部样式表是指在外部定义CSS样式表并形成以.css为扩展名的文件,然后在页面中通过<link>链接标记链接到页面中,而且该链接语句必须放在页面的<head>标记区,如下所示:
<link rel="stylesheet" type="text/css" href="skin.css" />
<link>标记的属性rel指定链接到样式表,type表示样式表类型为CSS样式表,href指定了CSS样式表所在位置,这里使用的是相对路径。如果HTML文档与CSS样式表没有在同一路径下,则需要指定样式表的绝对路径或者引用位置。
2.内部样式表
内部样式表是指将CSS样式表直接在HTML页面代码的<head>标记区定义,样式表由“<style type="text/css" >”标记开始至“<style>”结束。代码如下所示:
<style type="text/css" >
body{background:#FFF;text-align:center;}
div,ul,li,dl,dt,dd,table,td,input{font:12px/20px "宋体";color:#333;}
</style>
3.导入外部样式表
导入外部样式表是指在内部样式表的<style>标记中使用@import导入一个外部样式表,代码如下所示:
<style type="text/css" >
引用外部样式表的格式是 @import "skin.css"
</style>
示例中,使用@import导入了样式表skin.css。需要注意的是,使用时导入外部样式表的路径。导入方法与链入外部样式表的方法一样。导入外部样式表相当于将样式表导入到内部样式表中,其输入方式更有优势。
导入外部样式表必须在样式表的开始部分,其他内部样式表之上。 | |
4.内嵌样式表
内嵌样式表是混合在XHTML标记里使用,通过这种方法,可以很简单地对某个元素单独定义样式。使用内嵌样式表的方法是直接在XHTML标记中使用style属性,该属性的内容就是CSS的属性和值,代码如下所示:
<body flower.jpg");background-position:center">
<h3 >使用CSS内嵌样式</h3>
</body>
内嵌样式表只能对HTML标记定义样式,而不能使用类选择符或者ID选择符定义样式。 | |
上述介绍的4种引用CSS样式表方法可以混合使用,但根据优先权原则,方法中引入的样式表的样式应用也不同。其中,内嵌样式表的优先权最高,接着是链入外部样式表、内部样式表和导入外部样式表。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论