《Web应用开发》课件-08 CSS样式_第1页
《Web应用开发》课件-08 CSS样式_第2页
《Web应用开发》课件-08 CSS样式_第3页
《Web应用开发》课件-08 CSS样式_第4页
《Web应用开发》课件-08 CSS样式_第5页
已阅读5页，还剩16页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

本章简介：通过CSS的样式定义，可以将网页制作得更加绚丽多彩。本章主要对CSS的技术应用进行了讲解。通过这些内容的学习，可以使设计者轻松、有效地对页面的整体布局、颜色、字体、链接、背景以及同一页面的不同部分、不同页面的外观和格式等效果进行精确的控制。08CSS样式课堂学习目标了解CSS样式掌握CSS属性的应用方法和技巧熟练运用CSS过滤器8.1CSS样式概述“CSS样式”面板

CSS样式的类型8.1.1“CSS样式”面板“CSS设计器”面板，按Ctrl+Shift+Alt+P组合键切换到“CSS样式”面板。“CSS样式”面板由样式列表和底部的按钮组成。样式列表用于查看与当前文档相关联的样式定义以及样式的层次结构。“CSS样式”面板可以显示自定义CSS样式、重定义的HTML标签和CSS选择器样式的样式定义。“CSS样式”面板8.1.2CSS样式的类型层叠样式表是一系列格式规则，它们控制网页各元素的定位和外观，实现HTML无法实现的效果。1.

HTML标签样式2.CSS选择器样式8.2CSS属性类型背景区块方框边框列表定位扩展过渡课堂案例—打印机网页8.2.1类型“类型”分类主要是定义网页中文字的字体、字号、颜色等。“类型”选项面板8.2.2背景 “背景”分类用于在网页元素后加入背景图像或背景颜色。“背景”选项面板8.2.3区块“区块”分类用于控制网页中块元素的间距、对齐方式和文字缩进等属性。块元素可以是文本、图像和层等。“区块”选项面板8.2.4方框CSS将网页中所有的块元素可被看成包含在盒子中，这个盒子分成4部分。“方框”属性与“边框”属性都是针对盒子中的各部分的。“方框”选项面板8.2.5边框 “边框”分类主要针对盒子边框。“边框”选项面板8.2.6列表“列表”分类用于设置项目符号或编号的外观。“列表”选项面板8.2.7定位“定位”分类用于精确控制网页元素的位置，主要针对层的位置进行控制。“定位”选项面板8.2.8扩展“扩展”分类主要用于控制鼠标指针形状、控制打印时的分页以及为网页元素添加滤镜效果，但它仅支持IE浏览器4.0或更高的版本。“扩展”选项面板8.2.9过渡“过渡”分类主要用于控制动画属性的变化，以响应触发器事件，如悬停、单击和聚焦等。“过渡”选项面板8.2.10课堂案例—打印机网页

使用“表格”按钮，插入表格效果；使用“属性”面板，为文字添加空链接；使用“CSS样式”命令，设置翻转效果的链接。效果图8.3过滤器CSS的静态过滤器课堂案例—爱插画网页8.3.1CSS的静态过滤器CSS中有静态过滤器和动态过滤器两种过滤器。静态过滤器使被施加的对象产生各种静态的特殊效果。8.3.2课堂案例—爱插画网页

使用“Alpha滤镜”命令，把图像设定为透透明效果。效果图课堂练习—优选购物网页使用“项目列表”按钮，创建无序列表；使用“属性”面板，创建空白链接；使用“CSS样

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论