教学难点教学内容教学目的教学重点教学过程项目六CSS样式标记上一页下一页教学内容1、演示并讲解CSS的应用2、CSS的基本概念3、CSS的特点4、CSS样式定义5、CSS常用属性与值教学难点教学内容教学目的教学重点教学过程项目六CSS样式标记上一页下一页教学目的1、掌握CSS的基本概念2、掌握CSS样式定义3、掌握CSS常用属性与值教学难点教学内容教学目的教学重点教学过程项目六CSS样式标记上一页下一页教学重点1、掌握CSS样式定义2、掌握CSS常用属性与值教学难点教学内容教学目的教学重点教学过程项目六CSS样式标记上一页下一页教学难点1、CSS常用属性与值2、能独立完成CSS样式的应用教学难点教学内容教学目的教学重点教学过程项目六CSS样式标记上一页下一页一、演示并讲解网页中CSS部分。1、文字样式的应用,效果如下图:2、样式的定义方法,效果如下图:教学难点教学内容教学目的教学重点教学过程项目六CSS样式标记上一页下一页3、设置按钮上文字的样式效果教学难点教学内容教学目的教学重点教学过程项目六CSS样式标记上一页下一页(二)CSS的相关知识1、CSS是CascadingStyleSheets(层叠样式表)的简称,简称样式表,它是一种设计网页样式的工具。CSS所编辑出的文件与HTML相同,都属于纯文本文件,差别在于扩展名格式的不同。2、CSS文件的扩展名为.css,如果在HTML中编辑CSS时,存盘格式则为.html或.htm。3、CSS的特点(1)一组样式可以被调用在多个对象上只要定义一组样式后,就可以随心所欲地被调用在任一段。(2)语法易学易懂(3)简化了网页的格式代码,外部的样式表还会被浏览器保存在缓存里,加快了下载显示的速度,也减少了需要上传的代码数量(因为重复设置的格式将被只保存一次)。教学难点教学内容教学目的教学重点教学过程项目六CSS样式标记上一页下一页4、CSS的类型(1)基本格式:选择符.类别名<标识符class=类别名>(2)定义内部样式表定义语法如下: