- 2
- 0
- 约4.83千字
- 约 10页
- 2017-01-14 发布于四川
- 举报
《项目3八css美化网页
项目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
原创力文档

文档评论(0)