基本信息
文件名称:课程主题认识CSS网页客户端技术课程.pptx
文件大小:373.86 KB
总页数:11 页
更新时间:2024-10-17
总字数:约小于1千字
文档摘要

;任务一;一;一;总的来说,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;