




版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
本章简介:通过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. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 2025年大学统计学期末考试题库-统计推断与检验在灾害风险评估中的应用试卷
- 2025年临床外科基础知识试题库及解析
- 2025年中学教师资格考试《综合素质》核心考点特训题库(含答案)-教师教育教学心理辅导与咨询篇
- 2025年注册会计师考试《会计》金融工具会计处理考试模拟试题
- 2025年护士执业资格考试康复护理学康复护理心理护理试题
- 2025年统计学专业期末考试题库:统计调查设计与实施案例分析题解
- 2025年高压电工技师实操考试:高压电器设备原理与故障排除试题
- 2025年执业药师药学专业知识试卷十四:药学伦理与职业道德试题
- 2025年小学语文毕业升学考试模拟试卷(趣味语文综合性学习试题)
- 2025年统计学期末考试题库:统计调查设计与实施试题
- 净菜项目可行性研究报告
- GB/T 6974.3-2024起重机术语第3部分:塔式起重机
- 智慧林业综合管理平台解决方案
- 中秋节猜灯谜良宵美景解灯谜中秋祝福课件
- 安防行业视频监控系统维护方案
- 初高中政治衔接-知识点讲义
- 全国交通运输行政执法综合管理信息系统考试题库-中(多选题练习)
- 2024年T电梯修理证解析及电梯修理-T证模拟考试题库
- 2024春期国开电大本科《商法》在线形考(形成性考核作业一至四)试题及答案
- (正式版)SHT 3046-2024 石油化工立式圆筒形钢制焊接储罐设计规范
- 2024年四川攀枝花市川投能源攀水电公司招聘笔试参考题库含答案解析
评论
0/150
提交评论