css基础及设计.ppt

Cascading Style Sheets层叠样式表单
CSS学习与设计
CSS基础
2
4
为什么使用CSS
3
1
CSS高级
3
3
DIV + CSS模式
为什么使用CSS
从1990年代初HTML被发明开始样式表就以各种形式出现了,不同的浏览器结合了它们各自的样式语言,读者可以使用这些样式语言来调节网页的显示方式。一开始样式表是给读者用的,最初的HTML版本只含有很少的显示属性,读者来决定网页应该怎样被显示。
但随着HTML的成长,为了满足设计师的要求,HTML获得了很多显示功能。随着这些功能的增加外来定义样式的语言越来越没有意义了。
为什么使用CSS
1994年哈坤·利提出了CSS的最初建议,是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。
伯特·波斯(Bert Bos)当时正在设计一个叫做Argo的浏览器,他们决定一起合作设计CSS。当时已经有过一些样式表语言的建议了,但CSS是第一个含有“层叠”的主意的。在CSS中,一个文件的样式可以从其它的样式表中继承下来。读者在有些地方可以使用他自己更喜欢的样式,在其他地方则继承,或“层叠”作者的样式。这种层叠的方式使作者和读者都可以灵活地加入自己的设计,混合各人的爱好。
为什么使用CSS
哈坤于1994年在芝加哥的一次会议上第一次展示了CSS的建议,1995年他与波斯一起再次展示这个建议。当时W3C刚刚建立,W3C对CSS的发展很感兴趣,它为此组织了一次讨论会。哈坤、波斯和其他一些人(比如微软的托马斯·雷尔登)是这个项目的主要技术负责人。1996年底,CSS已经完成。1996年12月CSS要求的第一版本(CSS1)被出版。
为什么使用CSS
1997年初,W3C内组织了专门管CSS的工作组,其负责人是克里斯·里雷。这个工作组开始讨论第一版中没有涉及到的问题,其结果是1998年5月出版的第二版(CSS2)要求。到2004年为止,第三版还未出版.
为什么使用CSS
CSS1和CSS2两者的不同是CSS2包含CSS1,还加入了其他很多内容。CSS使用样式表来控制整个站点字体和布局的能力,使它看起来非常有效率、易于设计和有远见。然而,也一直有荒诞的说法围绕着CSS,阻碍了网页设计师学习和掌握这种语言。一定要学CSS吗?有什么理由?
 使用CSS的理由有以下几点:
为什么使用CSS
1、CSS将从基础开始建设直到全面替代传统web
设计方法。W3C组织创建的CSS技术将替代
HTML的表格、font标签、frames以及其它用于
表现的HTML元素。
2、提高页面浏览速度。使用CSS方法,比传统的
web设计方法至少节约50%以上的文件尺寸。
3、缩短改版时间。只要简单的修改几个CSS文件就
可以重新设计一个有成百上千页面的站点。
4、强大的字体控制和排版能力。CSS控制字体的能
力比糟糕的FONT标签好多了,有了CSS,我们
不再需要用FONT标签或者透明的1 px GIF图片
来控制标题,改变字体颜色,字体样式等等。
为什么使用CSS
5、提高易用性。使用CSS可以结构化HTML,
例如:<p>标签只用来控制段落,heading标签
只用来控制标题,table标签只用来表现格式化的
数据等等。你可以增加更多的用户而不需要建立
独立的版本。
6、可以一次设计,随处发布。你的设计不仅仅用于web浏览器,也可以发布在其他设备上,比如 PowerPoint。
7、更好的控制页面布局。
8、表现和内容相分离。将设计部分剥离出来放在一
个独立样式文件中,你可以减少未来网页无效
的可能。
CSS基础—基本语法
一、基本用语的认识:
元素(element):亦即HTML基本语法中的标签
(tag)。
属性(attribute):用以描述标签特性的属性。
例如:
<HR WIDTH=“80%”>中,HR为标签,WIDTH为属性,而80%即为WIDTH属性的值。
性质(property):用以描述元件的特性。相当於
HTML基本语法中的属性。