第8章 CSS样式（课件）-高二《网页设计与制作》同步教学（人民邮电版）

第8章 CSS样式 什么是CSS样式 8.1 【CSS样式】面板 8.2 CSS的属性 8.3 创建CSS样式 8.4 附加样式表 8.5 8.1 什么是CSS样式 CSS样式表的功能一般可以归纳为以下几点。 （1）可以更加灵活地控制网页中文本的字体、颜色、大小、间距、风格及位置。 （2）可以灵活地为元素设置各种效果的边框。 （3）可以方便地为网页中的元素设置不同的背景颜色、背景图片及平铺方式。 （4）可以更加精确地控制网页中各元素的位置，使元素在网页中浮动。 （5）可以为网页中的元素设置各种滤镜，从而产生诸如阴影、辉光、模糊、透明等只有在一些图像处理软件中才能实现的效果。 （6）可以与脚本语言相结合，使网页中的元素产生各种动态效果。 8.2 【CSS样式】面板 8.3 CSS的属性 8.3.1 类型 8.3.2 背景 8.3.3 区块 8.3.4 方框 8.3.5 边框 8.3.6 列表 8.3.7 定位 8.3.8 扩展 8.3.1 类型 8.3.2 背景 8.3.3 区块 8.3.4 方框 8.3.5 边框 8.3.6 列表 8.3.7 定位 8.3.8 扩展 8.4 创建CSS样式 3种类型。 【类】CSS样式用来存放文档中标签的共同属性，网页元素使用该类CSS样式时，需要添加引用。 【标签】 CSS样式用来改变或者扩展文档中某些特定的HTML标签的属性。 【高级】CSS样式是改变标签组合、命名ID标签属性最好的方式。 8.5 附加样式表 附加样式表有两种形式：链接和导入。 这两项有什么区别呢？如果要将CSS样式表引用到文档中，那么既可以选择【链接】方式也可以选择【导入】方式。如果要将一个CSS样式文件引用到另一个CSS样式文件当中，就只能使用【导入】方式。 小结 本章从CSS样式表的语法到属性、从代码到编辑器，较为详细地介绍了CSS样式在网页制作中的作用，展示了CSS样式表的强大功能。如果只想了解CSS样式表的功能及其基本使用方法，相信本章的内容完全可以满足你的要求，但要想让CSS样式表的神奇功能在你的手中得到完全地发挥，仅靠本章这短短的篇幅是不够的，还需要学习其他一些与CSS样式表密切相关的知识，如HTML语言、VBScript和JavaScript脚本语言、DHTML语言等。 $