经典CSS教程复习课程.ppt

第3章 CSS技术;HTML标记的不足之处 代码繁琐 格式的一致性差 可维护性差 网页现实效果缺乏动态性与交互性;一.CSS的基础知识;1. 样式表和HTML的关系; HTML 4.0版本已经包括了样式表的内容。样式表正在逐渐改变设计、制作网页的方法，为网页创新奠定了基础。 样式表的宗旨就是将结构和格式分离。样式表将定义结构和定义格式的两部分相互分离，从而使网页设计人员能够对网页的布局施加更多的控制。HTML仍可以保持简单明了的初衷，而样式表代码独立出来后则从另一角度控制网页外观。 利用样式表，可以将站点上所有的网页都指向某个CSS文件，用户只需要修改CSS文件中的某一行，那么整个站点都会随之发生改变。这样，通过样式表就可以将许多网页的风格格式同时更新，不用再一页一页地更新了。; 样式表的基本结构是怎样的？下面通过一个简单的样式表实例，让你获得对样式表整体性的感性认识。 首先建立一个简单的HTML文件。; 现在，给这个HTML文件加一些样式表。只需在body标签之前插入以下代码： style type=text/css !-- h1{color:red;font-size:35px;font-family:黑体} p{background:yellow;color:blue;fo