0 Comments

CSS样式表特点及嵌入网页的四种途径(3)

发布于:2013-08-16  |   作者:广州网站建设  |   已聚集:人围观

3、链接CSS样式表

同样是添加在HTML的头信息标识符<head>里:

以下是引用片段: 


  1.  <head> 
  2. <linkrellinkrel=”stylesheet”href=”*.css”type=”text/css”media=”screen”> 
  3. </head> 
  4.  

*.css是单独保存的CSS样式表文件,其中不能包含<style>标识符,并且只能以css为后缀。

Media是可选的属性,表示使用样式表的网页将用什么媒体输出。取值范围:
广州网站建设,网站建设,广州网页设计,广州网站设计

◆Screen(默认):输出到电脑屏幕

◆Print:输出到打印机

◆TV:输出到电视机

◆Projection:输出到投影仪

◆Aural:输出到扬声器

◆Braille:输出到凸字触觉感知设备

◆Tty:输出到电传打字机

◆All:输出到以上所有设备

如果要输出到多种媒体,可以用逗号分隔取值表。

Rel属性表示样式表将以何种方式与HTML文档结合。取值范围:

◆Stylesheet:指定一个外部的样式表

◆Alternatestylesheet:指定使用一个交互样式表

4、联合使用CSS样式表

同样是添加在HTML的头信息标识符<head>里:

以下是引用片段:  


  1.  <head> <styletypestyletypestyletypestyletype=”text/css”>   
  2. <!--  @import“*.css”    
  3. 其他样式表的声明  
  4. --> 
  5. </style> 
  6. </head> 
  7.  

以@import开头的联合样式表输入方法和链接样式表的方法很相似,但联合样式表输入方式更有优势。因为联合法可以在链接外部样式表的同时,针对该网页的具体情况,做出别的网页不需要的样式规则。
广州网站建设,网站建设,广州网页设计,广州网站设计

需要注意的是:

◆联合法输入样式表必须以@import开头。

◆如果同时输入多个样式表有冲突的时候,将按照第一个输入的样式表对网页排版。

◆如果输入的样式表和网页里的样式规则冲突时,使用外部的样式表。

飞机