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