网页设计与制作——Dreamweaver MX 2004 作者 邓宁 7.pptVIP

项目七 CSS样式 项目提要 通过前面的学习，我们已经可以设计出一个比较复杂的页面了。但是在制作网页的过程中我们经常会发现，对于页面元素的排版总是比较麻烦。尤其是页面比较多的时候，往往一个小的改动都会带来很大的工作量。那么有没有什么办法可以让页面的排版更加方便快捷，修改页面的时候也不用做那么多的重复工作呢？下面我们要学习的层叠样式表就可以大大减轻我们做网页时的困难。层叠样式表（Cascading Style Sheets）是一系列格式规则，它们控制网页内容的外观。使用CSS样式可以从精确的布局定位到特定的字体和样式，非常灵活并更好地控制确切的网页外观。CSS样式表的主要优点是提供便利的更新功能；更新CSS样式时，使用该样式的所有文档格式都自动更新为新样式。 其特点可以归结为三点： 控制页面中的每一个元素（精确定位） 对HTML语言处理方式的最好补充 把内容和格式处理相分离，减少工作量 通过后面的例子我们会充分体会到这三点的应用。 学习目标 掌握HTML样式的定义及使用方法； 掌握CSS样式的创建、编辑及使用方法。 任务一 类 操作一 自定义类样式 操作二 应用CSS样式 样式设置完成以后，对于自定义样式，需要进行样式的应用。将页面中的文字选中，然后选中属性面板“样式”中的f1，如图7-8 所示。样式就被应用到了文字上。 图7-8 应用CSS样式 任务二 标