教科2003课标版《5.2.2CSS样式表》PPT课件优质课下载

教科2003课标版《5.2.2CSS样式表》PPT课件优质课下载

标准颜色：黑白

标准字体：宋体

实践活动（1）

实践活动（1）：

用FrontPage2003打开“课堂练习﹨实践1-2﹨FIFA﹨sjbjs.htm”文件，完成以下操作：

1.将网页中的“世界杯简史”设置为“楷体”、“14磅”、“红色”。

2.依次设置表格表头“届次、赛事名称、举办地点”为上述同样的样式。

思考：

若要将以上标题的颜色统一改成黄色，该如何做？若有更多类似的标题需要同时更改样式，如何更高效?

第一部分

什么是CSS样式表

CSS样式表定义：

CSS（Cascading Style Sheet），层叠样式表，简称样式表。是动态HTML的核心技术之一。

样式就是用一个指定的名字来标识和保存的一组有关字符和段落格式的选项集合。

CSS样式表作为当前网页制作中的一个常用技术，不仅可以对文字格式进行设置，还可以更加精确地控制布局、字体、颜色、背景和其他图文效果。

第二部分

CSS样式表的实现

CSS样式表的实现

实践活动（2）

用FrontPage2003打开“课堂练习﹨实践1-2﹨FIFA﹨sjbjs.htm”文件，完成以下操作：

（1）将FIFA﹨h4.txt中的CSS代码复制到“sjbjs.html”的区中。

（2）将网页中表格表头“届次、赛事名称、举办地点”颜色由红色“red”修改为绿色“green”。

(3)根据定义找出样式定义语句。

CSS定义语句的结构

样式名称{属性1：值1；属性2：值2；属性n：值n；}