|
添加css层叠样式表
关键词：添加层叠样式表
| 1．链入外部样式表文件 (Linking to a Style Sheet)： |
语法： <link rel=”stylesheet” href=”*.css” type=”text/css” media=”screen”>
Rel属性表示样式表将以何种方式与HTML文档结合。取值范围：
·Stylesheet：指定一个外部的样式表
·Alternate stylesheet：指定使用一个交互样式表
·*.css是单独保存的样式表文件，其中不能包含<style>标识符，并且只能以css为后缀。
Media是可选的属性，表示使用样式表的网页将用什么媒体输出。取值范围：
·Screen（默认）：输出到电脑屏幕
·Print：输出到打印机
·TV：输出到电视机
·Projection：输出到投影仪
·Aural：输出到扬声器
·Braille：输出到凸字触觉感知设备
·Tty：输出到电传打字机
·All：输出到以上所有设备
·如果要输出到多种媒体，可以用逗号分隔取值表。
| 2． 内联定义样式表 (Inline Styles)： |
可以直接添加的标识符的有<span>、<p>、<blockquqte>、<ul>、<h1>~<h6>、<div></div>等。例如：
| 源代码 |
显示样例 |
| <p style="color:#009900;font-size:12pt;">CSS实例</p> |
CSS实例 |
| <span style="color:blue;font-size:18pt;">CSS实例</span> |
CSS实例 |
| <p style="margin: 5mm">这一行上下左右都被增加了5mm的空白</p> |
这一行上下左右都被增加了5mm的空白 |
| 3． 定义内部样式块对象 (Embedding a Style Block) ： |
语法：
<style type="text/css">
<!--
hr {color: sienna}
p {margin-left: 20px}
body {background-image: url("images/back40.gif")}
-->
</style>
注意：type="text/css"表示样式表采用MIME类型，帮助不支持CSS的浏览器过滤掉CSS代码，避免在浏览器面前直接以源代码的方式显示我们设置的样式表。但为了保证上述情况一定不要发生，还是有必要在样式表里加上注释标识符"<!--注释内容-->"。
语法：
<style type=”text/css”>
<!--
@import “mystyle.css”
其他样式表的声明
-->
</style>
说明：
·联合法输入样式表必须以@import开头。
·如果同时输入多个样式表有冲突的时候，将按照第一个输入的样式表对网页排版。
·如果输入的样式表和网页里的样式规则冲突时，使用外部的样式表。
注意：例中@import “mystyle.css”表示导入mystyle.css样式表，注意使用时外部样式表的路径。方法和链入样式表的方法很相似，但导入外部样式表输入方式更有优势。实质上它相当于存在内部样式表中的。导入外部样式表必须在样式表的开始部分，在其他内部样式表上面。
|
