文档介绍：第四章 CSS 1一、 CSS 基本概念? CSS 概述– CSS 指层叠样式表(C ascading S tyle S heets) –样式定义如何显示 HTML 元素–样式通常存储在样式表中–把样式添加到 HTML 中,是为了解决内容与表现分离的问题–外部样式表可以极大提高工作效率–外部样式表通常存储在 CSS 文件中–多个样式定义可层叠为一 2 CSS 作用?将显示样式(或格式)与内容分离?样式表极大地提高了工作效率?多重样式将层叠为一个?可以使用程序控制应用的样式?可设计复杂的样式 3二、 CSS 使用?三种方法–内联使用:在 HTML 元素中于 style 属性中定义样式–内部链接:在 HTML 文档中(一般位于 head 中) 定义 css. –外部链接使用:将 CSS 元素存储在一个文件中( .css ),使用 link 文件, 4 CSS 优先级?内联级别最高?本地文件中于<style> 元素中定义的样式次之? 文件文件中的样式?父级元素的样式优先级最低 5三、 CSS 语法? CSS 规则由两个主要的部分构成:选择器, 以及一条或多条声明。– selector {declaration1; declaration2; ... declarationN } ?例: 6选择器?标记选择器:作用于指定标记的元素–例: h1{ ……} ? Id选择器:作用于元素名为 id的元素–例: #stName {……}?类选择器:作用于指定了类名的元素–例: .f{……} < 标记 class= “f” > </ 标记> ?后代选择器:作用于特定元素中的子元素–例: h1 em {color:red;} 7选择器?组选择器:将多个具有相同样式的选择器合并成一个选择器。–例: h1{color:red;} em {color:red;} 可以合并成如下形式: H1,em {color:red;} ?通用选择器:作用于不加说明的任何元素, 选择器名为* 8四、 css 页面布局?不加说明,页面内容按照层次布局原则布局,即由一行的左部开始,当一行填满后显示在下一行。?<center> 元素则蹭对齐?使用容器元素,确定容器的大小,在容器中排列元素?常见容器: <div> 、<body> 、<p> 、<h1> 等 9框架模型的参数 width height 10