《项目3八css美化网页.docVIP

项目3 主页制作（利用CSS美化网页） 学习目标： 会使用CSS层叠样式对页面中文本等网页元素进行样式控制 Cascading Style Sheets（层叠，级联样式表） 【任务1】利用CSS美化网页 【任务分析】 5.12汶川大地震时为了表示对遇难同胞的哀悼，全国的大小网站页面都变灰了。如何实现这一功能？对于网站中页面较少时，可以一个页面一个页面进行设置，哀悼期过了后再恢复原样，若网站由几十个页面组成，这样设置工作量很大，有一种省时省力的方法可以达到这一功能，那就是层叠样式表CSS（Cascading Style Sheet）。这个方法最方便管理整个网站的网页风貌，它让网页的文字内容与版面设计分开，只要在一个css文档中定义好网页的外观风格，所有链接到此css文档的网页，便会按照定义好的风格显示网页。 【任务背景】 回忆：纪念5.12，悼念四川地震死难者，整个网页变黑色(灰色)，这个特效持续一个月。 代码： 方法1：直接在html文档的head区域加上以下代码 代码： style html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } /style 方法2：在css文档中加入以下代码 代码： html { filter:progid:DXImageTransform.Micros