关闭

引用式样式表

431人阅读 评论(0) 收藏 举报

CSS样式一共3中使用方法

——内联式样式表

               行样式<div style="color:#000;"></div>

                               只能操作1个标签,细节灵活

——嵌入式样式表

               <head>

               <style>

               div{color:#000;}

               </style>

               </head>

——引用式样式表

               <head>

               <link href="css.css" rel="stylesheet" type="text/css" />

           </head>

 

rel=stylesheet的意思

rel是Relations的所写 指关联到一个stylesheet(样式表单)

只写一个就可以了,由于目前的CSS还不能抓取rel与rev的属性值,所以没有办法给不同关系的链接提供不同的样式,所以现在rel与rev只是用来使得网页的语义性更为完善

在<link>标签中,“rel=stylesheet”,rel是关联的意思,关联的是一个样式表(stylesheet)文档,它表示这个link在文档初始化时将被使用。一般这里是不需要改动的.

 

在网中使用CSS——外部CSS表的引用方法

CSS只有正确加XHTML中才能控制面的式。其中加的方法有很多,但是每种都有各自的点,概括起来主要有三方法:即外部引用,内部引用和局部引用。

里主要的是外部式表的引用方法:接外部式表和入外部式表:

1接外部CSS式表

      接外部式表的方法是在XHTML文档<head>内使用<link>标记,可以使用<link>XHTML文档接多个外部式表。如下所示:

     <html>

        <head>

         <link rel=stylesheet   href="style.css" type="text/css" media="screen" title="homepage" />

         <link rel=stylesheet   href="head.css" type="text/css" media="screen" title="homepage" />

        </head>

     </html>

2入外部CSS式表

      使用CSS"@import"可以声明式表这种方式也是引用外部CSS式的方法之一。与<link>标记的区在于:<link>方式只有在XHTML文档CSS式表式表的内容,而"@import"声明无论该XHTML文档中的式表是否被用,都将取定好的式表。如下所示:

     <html>

        <head>

            <style>

                 <!--

                      @import url (http://www.jlu.edu.cn/css/style.css);

                       @import url (css/style.css);

                       h1{color:#00ffff;font-size:12px;}

                  -->

            </style>

        </head>

     </html>

     注意:如果<style></style>包含其它CSS规则"@import"生命放在式表的始部分,于在式表中指定的规则,其高于"@import"声明入的式表文件中立的规则于同样导入的个外部式表文件,如果存在式,以后入的式表文件规则为准。

     入外部式表和接外部式表的根本区在于:<link>是一个XHTML标记,而"@import"CSS的一个标记独从引入外部CSS角度上来,两者功能没有区。但是"@import"声明在Netscape4.0版本浏览器上是无效的

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:372353次
    • 积分:4022
    • 等级:
    • 排名:第8005名
    • 原创:45篇
    • 转载:171篇
    • 译文:0篇
    • 评论:24条
    最新评论