引用式样式表

转载 2012年03月29日 10:26:36

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版本浏览器上是无效的

CSS层叠式样式表

cascading stylesheet 基本语法规则: 选择器以及一条或者多条声明;选择器就是需要改变样式的HTML元素,每条声明有一个属性和一个值组成; 如果只大于一个单词,需要添加引号; ...
  • jijerry
  • jijerry
  • 2016年12月13日 20:16
  • 200

导入式样式表CSS与链接式样式表CSS的区别

与标记之间加入一个标记。 --> 标记之间导入一个外部样式表,导入时用@import。 --> @import "CssStyle.css"; 因为我总是分不清楚,趁还有点时间就来看...
  • qiucaijuan
  • qiucaijuan
  • 2011年08月15日 17:44
  • 13953

css样式内联式,外联式,嵌入式的格式是什么?

外联式样式(属于外部样式表) 特征: 1、有一个单独的CSS文件存在![如:001.css] 2、首先,通过【格式】→【样式表连接】与CSS文件[001.css]建立连接! 3、在合适的地方使...
  • u014737662
  • u014737662
  • 2015年10月14日 10:42
  • 544

CSS的组成,三种样式(内联式,嵌入式,外部式),优先级

----------------------------------------------------------------------------------------------------...
  • chq11106004389
  • chq11106004389
  • 2016年01月14日 10:52
  • 13094

CSS:外部样式表/内部样式表/内联样式

在html中,引用CSS样式有3中方式:外部样式表,内部样式表,内联样式。 本文代码整理自w3school:http://www.w3school.com.cn...
  • books1958
  • books1958
  • 2014年12月05日 15:15
  • 4431

四种CSS样式表的引入方式

代码: CSS样式表
  • linhaiyun_ytdx
  • linhaiyun_ytdx
  • 2016年09月19日 13:23
  • 875

关于CSS样式的层叠顺序

CSS支持给同一元素多次设置相同的规则,这就是所谓竞争规则,浏览器会使用层叠顺序来确定一组竞争规则中生效的规则。例如,浏览器给每个元素设置默认规则,当我们给一个元素设置规则时,它会与默认规则竞争,但由...
  • yangbo_9
  • yangbo_9
  • 2015年08月02日 12:41
  • 333

引入式样式表

@import url(main.css);
  • forest_fire
  • forest_fire
  • 2016年03月21日 10:54
  • 84

外联式css样式

外联式css样式03              引入css样式表有两种方式:(面试)         1.link标签引入  推荐使用         2.@import引入     -->...
  • jiaqingge
  • jiaqingge
  • 2016年09月17日 18:29
  • 3099

SVG引用外部CSS

比起内嵌CSS我还是喜欢从外部引用,更整洁,编辑更方便。……                         简单的我都不用说什么了...
  • niuxqd
  • niuxqd
  • 2010年08月03日 14:24
  • 1127
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:引用式样式表
举报原因:
原因补充:

(最多只允许输入30个字)