1. 链入外部样式表
链入外部样式表是把样式表保存为一个样式表文件,然后在页面中用<link>标记链接到这个样式表文件,这个<link>标记必须放到页面的<head>区内,
<link href="mystyle.css" rel="stylesheet" type="text/css" media="all">
一个外部样式表文件可以应用于多个页面。当你改变这个样式表文件时,所有页面的样式都随之而改变。在制作大量相同样式页面的网站时,非常有用,不仅减少了重复的工作量,而且有利于以后的修改、编辑,浏览时也减少了重复下载代码。
2. 内部样式表
内部样式表是把样式表放到页面的<head>区里,这些定义的样式就应用到页面中了,样式表是用<style>标记插入的,从下例中可以看出<style>标记的用法:
<head>
……
<style type="text/css">
body {background-image: url("images/back40.gif")}
hr {color: sienna}
p {margin-left: 20px}
</style>
……
</head>
3. 导入外部样式表
导入外部样式表是指在内部样式表的<style>里导入一个外部样式表,导入时用@import。
<style type=”text/css”>
<!--
@import “mystyle.css”
其他样式表的声明
-->
</style>
4. 内嵌样式
内嵌样式是混合在HTML标记里使用的,用这种方法,可以很简单的对某个元素单独定义样式。内嵌样式的使用是直接将在HTML标记里加入style参数。
<p style="color: red;margin-left: 20px;">
段落
</p>
5. 多重样式表的叠加
解决样式表的冲突。依照后定义的优先,所以优先级最高的是【内嵌样式】【内部样式表】【导入外部样式表】,【链入的外部样式表】和【内部样式表】之间是最后定义的优先级高。
CSS的基本语法入门 (2009-3-21 22:29:14)
网页中CSS的使用方法有哪些?怎样用? (2009-3-20 18:31:54)
认识CSS,学习CSS前应该掌握哪些知识? (2009-3-20 18:17:25)
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。