




已阅读5页,还剩12页未读, 继续免费阅读
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
网页的数据呈现第8课
通过体验CSS样式设置的效果,认识CSS样式表,了解样式表的作用;通过网页中添加样式,掌握样式表的基本结构;能理解使用CSS降低网页代码耦合度所带来的便捷。学习目标1、你浏览过的网页中,看到过哪些网页效果?2、你知道网页中的文字效果是如何实现的?本课探究1网页数据呈现的方式网页数据呈现的方式你知道网页数据呈现方式有哪些?
文本、图像、链接、表格、列表、图表和图形、视频和音频、动画和交互效果、表单以及其他媒体和插件等。2CSS样式CSS样式你知道什么是CSS?
CSS全称为层叠样式表(CascadingStyleSheets),也是一种标识语言,CSS样式可以方便地设置网页效果。CSS样式CSS的样式:
字号、字体、颜色、位置以及图片的大小......CSS样式CSS的优点:1、样式与内容分离2、网页加载速度快3、一致的样式设计4、容易维护和更新5、响应式设计6、可扩展性......CSS样式
教师演示添加样式表的网页效果。CSS样式
活动一:修改样式表里的属性和属性参数,观察网页外观变化,尝试其他样式的设置。3样式表的基本结构样式表的基本结构
什么是<style>标签?
<style>标签是HTML中用于定义内部样式表的标签。它位于<head>标签内部,用于在网页中直接指定元素的样式。样式表的基本结构<style>标签的基本语法:样式表的基本结构<style>实例展示:样式
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 方舱医院设计导则
- 健康交友课件
- 健康五兄弟课件
- 疾病病因概念解析
- 毕业设计答辩致谢词
- 非急救医疗转运服务规范体系
- T/SHPTA 087-2024玻纤增强聚碳酸酯塑料粒子
- T/SHPTA 071.1-2023高压电缆附件用橡胶材料第1部分:绝缘橡胶材料
- 2025年金刚石拉丝模项目规划申请报告
- 2025年汽车防锈项目规划申请报告模板
- 2023年3月国家开放大学法学本科《国际私法》期末考试试题及答案
- 电机故障机理分析
- 建筑工程质量管理培训
- 合伙开家小型宾馆协议书范文最简单
- 学生西服使用购买问卷调查
- 摩托艇相关项目实施方案
- 朗读艺术入门学习通超星期末考试答案章节答案2024年
- “双减”背景下高中语文作业设计的优化实践与研究
- 《社区治理》 课件 第四章 社区治理模式
- 2024年同等学力申硕英语真题及答案
- 幕墙报价清单
评论
0/150
提交评论