样式 样式的创建熟练掌握CSS样式属性项目的设置方法学会CSS 滤镜对文字和图像做出特殊效果CSS 样式属性项目中各种参数的意义滤镜的参数意义滤镜的综合使用.pptx

4.1 CSS样式样式4.1.1 CSS样式概述 4.1.2 创建和应用新的CSS 样式 4.1.3 编辑样式4.1.4 将样式从选定内容中删除4.1.5 CSS 样式参数 第1页/共11页4.1.1 CSS样式概述 CSS样式又称层叠式样式，是一种比较先进的网页控制技术，主要用来指定布局、字体、颜色、背景以及其他一些图文元素的格式。设置CSS 样式后，可以通过修改一个文件，改变一批网页的外观和格式，把所有浏览器和平台之间相互兼容。第2页/共11页4.1.2 创建和应用新的CSS 样式图 4.1 CSS 样式面板第3页/共11页图 4.2【新建CSS样式】对话框：第4页/共11页图 4.3【CSS 样式定义】对话框第5页/共11页4.1.3 编辑样式编辑已有CSS的具体操作如下：打开【CSS样式】面板，选择要【编辑】的样式。单击 CSS 样式面板右下角的 【编辑样式】按钮，打开【样式】对话框，如图 4.5 所 选择要编辑的外部样式，从菜单中选择【编辑】，这时会打开【CSS样式设置】对话框。在对话框中进行相应的修改，修改完毕，单击【确定】按钮即可。图 4.5【样式】对话框第6页/共11页4.1.4 将样式从选定内容中删除删除某个样式的操作如下：在【CSS样式】面板中，选中要删除的样式。单击【CSS样式】面板右下角的【删除样式】按钮，或是从面板菜单中选择【删除】命令。这时样式即被删除，同时从样式列表中消失。第7页/共11页4.1.5 CSS 样式参数熟 练 C S S 的 各 种 属 性 将 会 使 用 户 编 辑 页 面 更 加 得 心 应 手。本 节 C S S 样 式 的 设 置，C S S 样 式 的 8 个 分 类。第8页/共11页4.1.5 CSS 样式参数 4.1.5.1 4.1.5.1 类型面板 4.1.5.2 4.1.5.2 背景面板4.1.5.3 4.1.5.3 区块面板4.1.5.4 4.1.5.4 方框面板 4.1.5.5 4.1.5.5 边框面板 4.1.5.6 4.1.5.6 定位面板4.1.5.7 4.1.5.7 列表面板4.1.5.8 4.1.5.8 扩展面板第9页/共11页42习题 第10页/共11页谢谢您的观看！第11页/共11页