html5这么连上css,IT兄弟连 HTML5教程 CSS3揭秘 在HTML文档中放置CSS的几种方式

有很多方法将样式表加入到HTML中，每种方法都有自己的优点和缺点。新的HTML元素和属性已被加入，以允许样式表与HTML文档更简易地组合起来。将样式表加入到HTML中的常用方法有内联样式表、嵌入一张样式表或链接到一张外部的样式表。

1  内嵌样式表

样式可以使用style属性内联，该属性可以应用于任意body元素(包括body本身)，除了basefont、param和script标记。这个属性将任意数量的CSS声明当作自己的值，而每个声明用分号隔开，如下所示：

此段落的样式是红色的“微软雅黑”字体

内联的样式比其他方法更加灵活，但需要和展示的内容混合在一起，这样会失去样式表的一些优点。例如在本例中，如果有多个段落

标记都需要输出相同的样式，则在每个

标记中都需要使用style属性声明相同的样式，不仅需要的代码量比较多，而且不利于更新。

2  嵌入一张样式表

一张样式表可以使用

其中，之间是样式的内容(不要在这个标记中写HTML语句)，type属性表示使用的是文本中层叠样式表书写的代码。“｛｝”前面是样式的选择器，“｛｝”中是声明的样式属性。嵌入样式表对整个HTML文档都有效，可在一个HTML文档具有独一无二的样式时使用。

3  链接到一张外部的样式表

如果多个文档都使用同一样式表，那么外部样式表会更适用。一张外部的样式表可以通过HTML的link元素链接到HTML文档中。标签放置在文档的head部分，可以通过多个标签链接多个样式文件到同一个HTML文档中，如下所示：

可选的type属性用于指定媒体类型，允许浏览器忽略它们不支持的样式表类型。rel属性用于定义链接的文件和HTML文档之间的关系，该属性的值StyleSheet指定一个固定或首选的样式。而href属性则用来指定样式文件的位置，可以是相对的也可以是绝对的URL。外部样式表文件要以扩展名.css命名，并且在样式表文件中不能含有任何像

或