引用式样式表

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

相关文章推荐

用JFinal框架自带的main方法运行正常的情况下,用tomcat发布项目出现css样式表引用错误和资源找不到问题。

用jfinal框架写了个demo,引用了
  • ni_cu
  • ni_cu
  • 2014年09月21日 16:42
  • 2579

在css样式表里面引用background-image没有出现图片原因与解决方法

今天写网页的时候遇到一个问题,在样式表里面引用background-image,没有出现效果。然后查了一下是因为相对路径和绝对路径的问题,还有一个是对css样式表的引入的误解,这类文章别的博客已经有的...

JS-如何使用DOM操纵样式表

下面是几个常用的CSS样式和style属性的对应表: CSS样式 Style对象属性 background_color style.backgoundColor color st...
  • culous
  • culous
  • 2016年09月19日 21:06
  • 130

Qt中QSlider的样式表设置

在没有设置的时候,总感觉很难的样子,其实,真正做起来也不是那么难,就把刚刚自己做的发出来共享吧。 先来看一看水平的: 先上效果图: //首先是设置主体 QSlider{ border-color: ...

微信小程序入门五:样式表wxss

一、引入模板小程序提供了两个引入外部模板的方法:import和include 使用外部模板可以实现大部分共同页面的代码利用,在一个app中,头部和脚部基本不会 变动太大,这时就可以通过模板的...

关于读取style元素定义样式表的兼容问题

JavaScript Sample div{color:#FF0000;font-weight:bold;} p{color:#000000;font-size: 14px;} 请点击网站链接...

常见CSS(层叠样式表)介绍

CSS(cascading style sheet,层叠样式表) CSS(cascading style sheet,层叠样式表)是描述文档怎么样被呈现的语言,使用CSS可以对HTML文档进行描述。语...
  • suwu150
  • suwu150
  • 2016年10月15日 20:51
  • 292

如何将样式表加入的网页

如何将样式表加入您的网页   你可以用以下三种方式将样式表加入您的网页。而最接近目标的样式定义优先权越高。高优先权样式将继承低优先权样式的未重叠定义但覆盖重叠的定义。例外请参阅important声明...

初识jQuery之--样式表-显示-隐藏

1)工厂函数: $ 等价于jQuery,即 $()=jQuery() $(document).ready(function(){ }); $(function(){ })...

5步让你的CSS样式表成功减肥

5步让你的CSS样式表成功减肥 上一篇:提升你设计水平的CSS3新技术 « 下一篇:一起感受HTML5和CSS3的能量 » 你有没有觉得你的CSS样式表文件过于臃肿?其实如果...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:引用式样式表
举报原因:
原因补充:

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