正在加载图片...
Web应用基础 Lab3:CSS-层叠样式表 2009.3.6 准备知识 1对文档应用样式 样式可以通过多种方式指定。样式可以位于HTML的<head>标签中,也可以存放在外部的 CSS文件中。一个HTML可以链接多个外部的样式表 当对于一个HTML元素通过多种方式指定了多个重复样式的时候,最终那一种会生效呢?例 如我们在多个样式表中对<body>元素定义了不同背景色,那么最终呈现出的颜色应该是 那一种呢? 通常来讲,我们可以说样式通过下面的规则“层叠”为一个新的虚拟的样式表。为HTML元 素指定样式的方法共有4中,分别是 1.外部样式:在<head>元素中的<lnk>元素中指定的CSS文件 2.外部样式:在<head>元素中的<stye>元素导入指定的CSS文件 3.内部样式:在<head>元素中的<stye>元素中编写CSS代码 4.内联样式:在元素的 style属性中编写CSS代码 上面4种方式优先级如下:内联样式(4.)优先级最高;<link>样式(1.)和<stye>样式(2., 3.)按照文档中的排列顺序,越后优先级越高:<stye>内,内部样式(3.)优先级高于外部 样式(2.)。如果以同种方式引入了多个样式,则列在后面的样式优先级较高。如果多个样式 表定义的样式没有冲突,那么这些样式将全部得以保留。 上面所述的应用样式的4种方法具体方法如下: 1.链接外部样式表: <head> <link rel="stylesheet" href="style. css"type="text/css"/> </head>Web应用基础 Lab 3: CSS – 层叠样式表 2009.3.6 准备知识 1 对文档应用样式 样式可以通过多种方式指定。样式可以位于HTML的<head>标签中，也可以存放在外部的 CSS文件中。一个HTML可以链接多个外部的样式表。 当对于一个HTML元素通过多种方式指定了多个重复样式的时候，最终那一种会生效呢？例 如我们在多个样式表中对<body>元素定义了不同背景色，那么最终呈现出的颜色应该是 那一种呢？ 通常来讲，我们可以说样式通过下面的规则“层叠”为一个新的虚拟的样式表。为HTML元 素指定样式的方法共有4中，分别是： 1. 外部样式：在<head>元素中的<link>元素中指定的CSS文件 2. 外部样式：在<head>元素中的<style>元素导入指定的CSS文件 3. 内部样式：在<head>元素中的<style>元素中编写CSS代码 4. 内联样式：在元素的style属性中编写CSS代码 上面4种方式优先级如下：内联样式(4.)优先级最高；<link>样式(1.)和<style>样式(2., 3.)按照文档中的排列顺序，越后优先级越高；<style>内，内部样式(3.)优先级高于外部 样式(2.)。如果以同种方式引入了多个样式，则列在后面的样式优先级较高。如果多个样式 表定义的样式没有冲突，那么这些样式将全部得以保留。 上面所述的应用样式的4种方法具体方法如下： 1. 链接外部样式表： … <head> … <link rel="stylesheet" href="style.css" type="text/css" /> … </head> …