css种类

 

CSS种类

1、链接的样式表

通过使用页面<head>部分里的HTML<link>元素，创建链接样式表（即外连样式表）。

 

格式：<link   rel=”relationship” href=”URL” type=”content-type” media=”media-type”>

 

<link>标签是通用链接元素，不仅可以定义样式表，而且可以创建整个文档和其他一些URL位置之间的所有链接。

 

Rel 用来指定链接的文档是什么类型，包括：contents(指定目录表的位置)、alternate（页面的预备版，适用于输出设备或语言的特定类型）、glossary（术语表）。

要指示样式表，需使rel=”stylesheet”

 

Href属性指出了样式表的位置，可以是一个普通的Web URL。用户的样式表可以放在不同的Web服务器上，而不是放在用户的HTML文件里。

 

Content-type属性指示链接样式表的样式语言。

对于级联样式表（级别1、级别2和级别2.1）而言，它应该是text/css。

即：type=”text/css”

 

Media属性告诉浏览器样式表应该使用哪种媒介或输出设备种类。大多数情况下，用户关注媒介类型为screen，意思是视觉上的屏幕显示。其他可选值还有：printer（用于打印文档）、braille（用于触觉Braille设备）、aural（用于语音合成器）和all（包括所有媒介类型）。用户可以列出多种媒介类型，使用逗号分隔，如screen,printer

 

2、嵌入式样式表

在带有<style>标签的HTML文件内直接嵌入CSS。

格式：

<style type=”text/css” media=”media-type”>

     CSS rules go here   (CSS规则在这里说明)

</style>

Type属性和Media属性与链接样式表中的含义一样。

在页面的<head>部分内可以具有多个<style>元素。

 

3、内联样式属性

通过使用style属性，用户可以在HTML标签上设置内联样式。

设置style属性，属性包括CSS规则的声明，但不包括选择符。style标签本身（及其内容）作为选择符使用。

例如：

<table style=” font-size:large;”>

 <tr> <td>     </td> </tr>

</table>

样式应用与设置了style属性的标签。

4、总结

在文档内使用CSS的全部三种方法相当正确。外部样式表用于与<link>标签一起应用的整个网站；<style>标签内的内嵌入样式表用于该网页特定的规则；用内联样式设置各个元素的style属性。