第8章 CSS样式,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语言等。,