网页设计中的CSS样式表

  • 2019-07-18 13:58:33
  • 阅读次数:
  • 作者:盈岚科技小编
  • 来源:http://www.lyjtt.cn

网页设计中,一个或多个CSS样式可以组成一个样式表。样式表包括内部样式表和外部样式表,它们没有本质区别,都是由一个或者多个样式组成。

  1. 内部样式表

    内部样式表包含在<style>标签内,一个<style>标签就表示一个内部样式表。而通过标签的style属性定义的样式属性就不是样式表。如果一个网页文档中包含多个<style>标签,就表示该文档包含了多个内部样式表。

   2. 外部样式表

       如果CSS样式被放置在网页文档外部的文件中,则称为外部样式表,一个CSS样式表文档就表示一个外部样式表。实际上,在网页设计时,外部样式表也就是一个文本文件,扩展名为.css。当把CSS样式代码复制到一个文本文件中后,另存为.css文件,它就是一个外部样式表。

可以在外部样式表文件顶部定义CSS源代码的字符编码。

【示例】下面代码定义样式表文件的字符编码为中文简体。

@charset "gb2312";

如果不设置CSS文件的字符编码,可以保留默认设置,则浏览器会根据HTML文件的字符编码来解析CSS代码。

外部样式表必须导入到网页文档中,才能够被浏览器识别和解析。外部样式表文件可以通过两种方法导入到HTML文档中。使用<link>标签导入使用<link>标签导入外部样式表文件:

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

其中,href属性设置外部样式表文件的地址,在网站建设时,可以是相对地址,也可以是绝对地址。rel属性定义该标签关联的是样式表标签,type属性定义文档的类型,即为CSS文本文件。

在<style>标签内使用@import关键字导入外部样式表文件:

<style type="text/css">

@import url("001.css");

</style>

在@import关键字后面,利用url()函数包含具体的外部样式表文件的地址。

当前文章标题:网页设计中的CSS样式表

当前URL:http://www.lyjtt.cn/news/wzzz/3055.html

上一篇:网页设计时的CSS基本用法

下一篇:网页设计时的CSS属性

网站建设、网络营销咨询专线:181-8386-5875(点击可一键拨号)