课程主题认识CSS网页客户端技术课程.pptx

;任务一;一;一;总的来说，CSS有以下作用：

内容和样式分离，使网页设计更为简洁、明了；

弥补了HTML对标记属性控制的不足，例如，可以任意设置标题大小，HTML面积只可以使用h1-h6来实现；

精确控制网页布局，如行间距、字间距、段落缩进和图像定位等；

提高网页效率，多个网页可以同时应用同一个CSS样式，既减少了代码的下载，也提高了浏览器的浏览速度和网页的更新速度。

;CSS是指层叠样式表（Cascading?Style?Sheets），简称样式表，它是一种制作网页的新技术，定义如何显示HTML元素。如前所述，样式是对网页元素（网页内容）的显示形式的描述。层叠是指当HTML文件引用多个CSS文件时，如果CSS文件之间所定义的样式发生冲突，将依据层次的先后来处理其样式对内容的控制。

;继承性；

HTML文档结构对CSS样式的使用是非常重要的，了解HTML文档结构，能帮助更好地理解层叠的含义。HTML文档结构为树形结构，如下图所示。;HTML元素之间形成了一种“父”-“子”级关系，子级元素将继承父级元素的样式。但是要注意，不是所有的属性都能继承，如边框、边距、填充和背景及表格等属性。例如，以下代码定义了body标签的字体和字号，p标签的字号，p标签将继承body的字体属性，即“这是一个段落。”将按字体为楷体、字号为25px显示。;bodystyle=font-family:楷体;font-size:105px

pstyle=font-size:25px

这是一个段落。

/p

/body

要注意，子级元素在继承父级元素属性时，继承的仅是本身没有定义的属性。

;层叠性

如果CSS文件之间所定义的样式发生冲突时，浏览器会先考虑优先级（即CSS层叠次序，后文将介绍），然后再考虑最近优先原则。例如，以下代码两次定义了p标签的字体，最终p标签将以黑体字体显示。

styletype=text/css

p{font-family:楷体;}

p{font-family:黑体;}

/style;