《网页设计与制作教程与实训》全套PPT电子课件教案-第四章 样式参考.ppt

第四章 样式 1.样式的创建。 2.熟练掌握CSS样式属性项目的设置方法。 3.学会CSS 滤镜对文字和图像做出特殊效果。 4.CSS 样式属性项目中各种参数的意义，滤镜的参数意义，滤镜的综合使用。 4.1 CSS样式 4.1.1 CSS样式概述 4.1.2 创建和应用新的CSS 样式 4.1.3 编辑样式 4.1.4 将样式从选定内容中删除 4.1.5 CSS 样式参数 4.1.1 CSS样式概述 CSS样式又称层叠式样式，是一种比较先进的网页控制技术，主要用来指定布局、字体、颜色、背景以及其他一些图文元素的格式。 设置CSS 样式后，可以通过修改一个文件，改变一批网页的外观和格式，把所有浏览器和平台之间相互兼容。 4.1.2 创建和应用新的CSS 样式 4.1.3 编辑样式 编辑已有CSS的具体操作如下： ① 打开【CSS样式】面板，选择要【编辑】的样式。 ② 单击 CSS 样式面板右下角的 【编辑样式】按钮，打开【样式】对话框，如图 4.5 所 ③ 选择要编辑的外部样式，从菜单中选择【编辑】，这时会打开【CSS样式设置】对话框。 ④ 在对话框中进行相应的修改，修改完毕，单击【确定】按钮即可。 4.1.4 将样式从选定内容中删除 删除某个样式的操作如下： ① 在【CSS样式】面板中，选中要删除的样式。 ② 单击【CSS样式】面板右下角的【删除样式】按钮，或是从面板菜单中选择【删除】命令。 ③ 这时样式即被删除，同时从样式列表中消失。 4.1.5 CSS 样式参数 熟练CSS的各种属性将会使用户编辑页面更加得心应手。本节CSS 样式的设置，CSS 样式的8个分类。 4.1.5 CSS 样式参数 4.1.5.1 类型面板 4.1.5.2 背景面板 4.1.5.3 区块面板 4.1.5.4 方框面板 4.1.5.5 边框面板 4.1.5.6 定位面板 4.1.5.7 列表面板 4.1.5.8 扩展面板 4．2习题 * 第四章样式 《 网页设计》 * 第四章样式 《网页设计与制作教程与实训》 图 4.1 CSS 样式面板 ? 图 4.2 【新建CSS样式】对话框 ： 图 4.3【CSS 样式定义】对话框 图 4.5 【样式】对话框