HTML+CSS+JavaScript网页设计 第6章 CSS概述课件.ppt

《HTML+CSS+JavaScript网页设计 第6章 CSS概述课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第6章CSS概述本章概述本章的学习目标主要内容1本章概述目前流行的，符合Web标准的网页设计模式是将页面内容和外观样式分离，前面5章我们学习了用HTML来创建网页，在网页中添加各类元素，从本章开始，我们将学习如何使用CSS为网页元素定义外观样式，美化页面，将网页装扮的更漂亮，具有独特的风格和个性。2本章的学习目标理解CSS的基本概念了解CSS的发展历史理解使用CSS的好处掌握在HTML这使用CSS的几种方法理解CSS中的继承了解!important的用法掌握CSS的优先级3主要内容6.1为什么要在网页中加入CSS6.2在H

2、TML中使用CSS6.3CSS继承和优先级6.4本章小结6.5思考和练习46.1为什么要在网页中加入CSSCSS的全称是层叠样式表(CascadingStyleSheets)，它是一种用来表现HTML或XML等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化CSS能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。5CSS产生的原因HTML的设计初衷并不是为了描述外观，HTML本身也并不善于此道。在使用HTML描

3、述Web页面的外观时，需要使用大量的标记，而且常常要使用许多复杂堆栈或嵌套表。页面的布局工作涉及隐藏的像素图像、专有元素与属性、图像中的文本和其他隐秘的复杂方式，这些都需要提供高质量、高可靠度的HTML标记代码，这简直就是一场噩梦。因此，人们将表示网页外观的功能标记或属性分离出来，这就形成了表示网页外观的替代方法——CSS。6CSS的发展历史层叠样式表在Web受到大家的关注时就存在了。从1994年第一次提出CSS观点至今，已经有了3个主要版本。但随着HTML的成长，为了满足设计师的要求，HTML获得了很多显示功能。随着这些

4、功能的增加，用来定义样式的语言越来越没有意义了。1994年哈坤·利(HakunLee)提出了CSS的最初建议。7CSS的发展历史1996年12月CSS的第一版本被发布。CSS1的大部分特征在Web浏览器中都获得支持，但是一些不常用的功能(例如空白处理、字母间隔、显示等)存在一些问题。CSS自从第一版发布之后，又在1998年5月发布了第二版，CSS得到了丰富。CSS2.0是一套全新的样式表结构，是由W3C推行的，同以往的CSS1.0或CSS1.2完全不一样，CSS2.0推荐的是一套内容和表现效果分离的方式，HTML元素可以通

5、过CSS2.0的样式控制显示效果8CSS的发展历史CSS2.0提供了一个机制，让程序员开发时可以不考虑显示和界面，就可以制作表单，显示问题可由美工或程序员到后期再编写相应的CSS2.0样式来解决。不过，由于没有很好的CSS2.0编辑软件，所以无法做到所见即所得，编写起来不易。CSS3在CSS2的基础上，结合业务发展需求，以及过去浏览者操作习惯和开发者习惯，做了大幅改进。9使用CSS的好处(1)大大缩减页面代码，提高页面浏览速度，缩减带宽成本。(2)结构清晰。容易被搜索引擎搜索到。用只包含结构化内容的HTML代替嵌套的标记，

6、搜索引擎将更有效地搜索到内容。(3)缩短改版时间。只要简单地修改几个CSS文件就可以重新设计一个有成百上千页面的站点。(4)强大的字体控制和排版能力。使页面的字体变得更漂亮，更容易编排，使页面真正赏心悦目。(5)提高易用性。使用CSS可以结构化HTML，如

标记只用来控制段落，