9教案九CSS样式表

HTML中怎样插入CSS样式表的简单介绍

吕叔湘中学高一信息技术教案

2011~2012 学年第二学期

整理、编写：恽晓岗

CSS 样式表 知识目标： 1、了解 CSS 的概念跟作用 2、理解跟掌握三种 CSS 样式表 3、理解跟掌握 CSS 样式表的编写和使用 课标考点 能力目标： 培养教师模仿技能、协作学习素质或者应用所学知识解决实际问题能力。 情感目标： 引发教师学习制作网页知识的兴趣教案格式 空表，通过学生、 生生互动教案格式 空表， 学生自主学习， 增进增强学生的自主性和合作精神。课 题 教学重点 与难点 课型、方 法、手段 学法点拨

理解并掌握 CSS 样式表的编写和使用 新授/任务驱动法、自主学习法和分组讨论法/电教、教学工具 通过解决任务学习相关常识教 学 过 程

补充与调整

一、新课导入 展示一个 CSS 效果的文字，让学生想一想如何修改这种的 字体，提出本课的内容“CSS 样式表” 二、概念 1、什么是 CSS?Cascading Style Sheet 层叠样式表 CSS 样式表就是用来表述网页中元素外观的一组代 码。 2、CSS 代码跟 HTML 代码相当 同一种文字外观的不同代码 HTML: 欢迎进入机器人做学玩网站! CSS:

欢迎进入机器人做学玩网站!

小结：定义 文字的图标 文字为粗体 文字的色调 CSS 代码 font-family:”宋体” font-style:italic color:red HTML .

9-1