第二课：使用样式

要在页面中使用的样式，有三种方法：

嵌入样式表
链接外部样式表
内嵌样式表

1、嵌入样式表：

在网页中使用<sytle>标记把一个或多个CSS样式定义在HTML文档的<HEAD>或其它地方，这就是嵌入样式表。嵌入样式表大多用于一个页面的多个元素要用同一个样式。

2、链接外部样式表：

我们可以把CSS样式编码写在一个以.css为扩展名的文本文件中，(不要加<style>标记),例如Mycss.css就是一个外部样式表。要在一个网页中使用外部样式表，我们就在<HEAD>和</HEAD>这间加入如下类似代码：

<link rel="stylesheet" type="text/css" href="Mycss.css">

就这样，我们把Mycss.css里面的样式运用到我们的网中来了！

外部样式表的好处就是我们不要过多的编辑CSS编码，能在多个网页中链接同一个CSS，那么网页外观如文字大小、背景颜色的一致性。而且，我们只要一改Mycss.css文件里面的编码，你就可以方便的修改链接了Mycss.css的网页的外观，这一点使它大多用于全站点的网页都有同一的CSS样式或站点下的多个网页的元素用同一一个CSS。

3、内嵌样式表：

如果只要修改网页单个如某个文本框元素的话，我们就用内嵌样式，为一个标记指定"style"属性,就是用了内嵌样式，这个样式只作用于这个元素。如：

<p style="text-align:right;color:blue;">

那么只有这一段的文本会发生改变，而别的不会变！内嵌样式表多用于修改局部的元素CSS样式

<< 第一课：CSS样式的格式第三课：样式的长度单位及颜色值 >>

将本文收藏到网摘： 新浪VIVI 365key 我摘 POCO网摘博采中心 YouNote 和讯网摘天天收藏

查看所有评论