当前位置:首页 >> 其它课程 >> CSS样式表

CSS样式表


CSS 样式表 一、教材分析 教材“CSS 样式表”这一节是在学生了解了客户端脚本语言的基础上的学习,要求学生 了解 CSS 基本知识、掌握运用 CSS 进行样式设置的方法和格式。本部分是本章的重点内容。 二、学情分析 学生对主题网站的设计、静态网页的制作及 JavaScript 客户脚本语言有了基本掌握, 对动态网页有了一定了解。CSS 对学生来说又是一项全新内容,理解和接受上

有一定难度, 需要通过大量实例帮助学生理解和掌握 CSS,进而能够灵活运用 CSS。 三、教学策略 课堂中贯彻实例展示、引入新课 —— 明确目标、自主探索 —— 范例展示、精讲释疑 —— 实践探究、反馈巩固 —— 交流评议、总结提高这条主线。 四、教学目标 (1)理解什么是 CSS 样式表; (2)掌握运用 CSS 进行样式设置的方法和格式; (3) 掌握在 HTML 中加入 CSS 的三种方法。 通过学习运用 CSS 样式表优化网页制作,让学生学 习正确、合理运用技术,了解技术服务于内容的原则。 五、教学重点 在 HTML 中加入 CSS 的三种方法。 六、教学难点 CSS 样式设置的方法和格式 七、教学过程 (一)什么是 CCS 样式表呢?使用 CSS 的优点有哪些? 请同学们自学教材第 112 ~ 113 页内容。 然后小组汇报。 (二)范例展示、精讲释疑:展示简单的文字字体的浏览效果 P114 图 5-9 如果我们想做出上面这样一个文字样式, 那么可以用如下的 HTML 样式来实现。 教师演 示效果。学生观察文字样式 在教师指导下 用 CSS 样式表来对 HTML 文档进行编辑, <body> 标签前加入下面 CSS 在 代码。 讲解 CSS 的实现。 分析 CSS 与 HTML 代码的不同。表 5-4 (三)演示 在 HTML 中加入 CSS 的三种方法 1.嵌入式样式表 2.内联式样式表 3.外联式样式表 给出部分 CSS 代码,由学生用不同方法实现其效果。 (四)学生自主实践探究在 HTML 中加入 CSS 的三种方法。 书 P114 实践。 (五)展示成果 个人自评,描述实现方法。 小组互评,学习他人。


更多相关文档:

CSS样式表总结

CSS样式表总结_计算机软件及应用_IT/计算机_专业资料。CSS 样式表 总结 简单 经典 精髓 1 2 3 4 5 6 7 8 css 样式表总结 CSS: Cascading Style Sheet,...

CSS样式表类型

CSS样式表类型_IT/计算机_专业资料。CSS样式表类型样式表类型 1、内联样式表 直接在 HTML 标记内,插入 sytle 属性,再定义要显示的样式,这是最简单的样式定 义...

CSS样式表命名规则

CSS样式表命名规则_IT/计算机_专业资料。CSS样式表命名规则CSS 样式表命名规则说说注意事项: 首先 ,说说注意事项: 1. 一律小写; 2. 尽量用英文; 3. 不加中杠...

添加CSS样式表的四种方式

二、使用 STYLE 标签: 将样式规则写在<STYLE>...</STYLE>标签之中。 <STYLE TYPE="text/css"> <!-样式规则表 --> </STYLE> 例如: <STYLE TYPE="text...

常用CSS样式属性CSS样式表

常用CSS样式属性CSS样式表_互联网_IT/计算机_专业资料。CSS 概述 CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示 HTML 元素 样式通常存储在样式表中...

在网页中插入CSS样式表的几种方法

当浏览器读取样式表时,要依照文本格式来读,这 里介绍四种在页面中插入 CSS 样式表的方法:链入外部样式表、内部样式表、导入外表样式表和内嵌样式。并特别讲解多...

CSS样式表的应用-css标签功能的使用

新建名称为“.lead”的类样式,定义在样式表文件“css2.css”中,具体设 置如下: 分类 类型 具体设置 字体“宋体” ,大小“14” ,行高“25” 颜色“#FFFFFF...

《CSS样式》习题答案

( A. HTML 文档的开始的位置 B. HTML 文档的结束的位置 C. 在 head 元素中 D. 在 body 元素中 4. 内部样式表的元素是( A. B. <css> C. A )...

css样式表的定义保存方式

CSS 样式表的定义保存方式 CSS 样式表可保存在当前网页中, 也可以作为一个独立的文件 (扩 展名通常为.CSS)保存。通常一个网站中至少要有一个外部 CSS 样 式...

网页设计-css样式表

要求使用外部样式表。 图 1.1 畅销书排行榜页面 1 2 实验内容 (由学生填写) css代码:#m{font:12px;color:#1a66b3;width:280px;background:#f3f4df;} ....
更多相关标签:
css样式 | css样式大全 | css样式表中文手册 | css样式模板 | css | css样式表下载 | css编辑器 | css颜色代码对照表 |
网站地图

文档资料共享网 nexoncn.com copyright ©right 2010-2020。
文档资料共享网内容来自网络,如有侵犯请联系客服。email:zhit325@126.com