引用Css样式的3种方式
将Css添加到HTML中有以下3种常用方法:
(1)直接嵌人样式表(HEAD内引用)。
(2)内联样式表(BODY内引用)。
(3)链接外部样式表(文件外引用)。
(1)HEAD内引用
在HTML源文件的HEAD标记符中直接使用STYLE标记符来定义CSS,然后在HTMI.
源文件的BODY标记符内再调用CSS。具体语法格式如下:
HEAD内引用CSS样式
样式I(定义样式)
样式2(定义样式)
样式n(定义样式)
调用样式
一
(2)BODY内引用
将Style属性与HTML标记符BODY中所包含的任何标记符联合使用，这个属性能够将
任何数量的CSS声明作为自己的值，而每个声明之间用分号隔开。
BODY内引用CSS样式比其他方法更加灵活，但是如果要改变样式就比较麻烦，必须一
个一个地改动。由于这种方式与传统的HTML类似，都是针对具体的x个标记符进行修饰.
所以并没有发挥出样式表统一设置样式的优势.因此在实际中的应用相对较少。
以下是一个使用BODY内引用样式的例子，【例1-18】其源代码如下:
BODY内引用CSS样式
新北京新奥运
绿色奥运
人文奥运科技奥运
北京成功申办2008奥运会!
(3)文件外引用
为了整个网站能够保持一致的样式.可以单独创建一个样式表文件(该文件的后级为
.CSS)，在其中定义需要用到的样式，然后在每个HTML文件中都与该样式表文件建立链接，
从而在每个HTML文件中都可以调川所链接样式表中的样式。建立链接的标记符是LINK,
具体的用法如下所示:
如何将CSS添加到HTMI一一文件外引用
应用所链接的样式表中的样式
链接标记符LINK必须放置在标记符之间，它是单独使用的标记
符.LINK标记符具有以下一些主要属性:
(1)Rel属性使用该属性可以设置链接文件和.HTML文档之间的关系。在链接样式表
文件(.Css文件)的情况下.该属性的取值永远是"Stylesheet""
(2)Href属性使用该属性可以设置链接文件的位置。该属性既可以设置为相对位置
也用以设置为绝对位置。
(3)介PC属性使用该属性可以设置链接文件的类型"CSS文件的类型是text/css,
外部样式表文件的内容由样式定义，即样式名称和属性组成。例如，一个单独由
pImargin;gemf组成的文件就可以用作外部样式表。
一个HTML文件可以链接多个样式表.如果样式表中的样式有冲突，那么最后应用的样
式贝明优先。
【例1-19】一个文件外引用链接样式的例子。源代码如下所示:
:J，
文件外引用实例
__
新北京新奥运
绿色奥运人文奥运科技奥运
北京已经成功申办2008年奥运会
其中与网页处在根目录下的style.css。文件的内容如下所示:
HI{font-size:xx-large;color:red;font-weight:border}
H2{color:white;background-color:blue;text-decoration:underline}
H3{text-indent:30px}
|
|
