CSS入门简介一

CSS网页美化技术

 

CSS是Cascading Style Sheets（级联样式表）的缩写，CSS是一种样式表语言，用于为HTML文档定义布局和显示。例如，CSS涉及字体、颜色、边距、高度、宽度、背景图像、高级定位等方面。它可以省去你大量时间，令你可以采用一种全新的方式来设计网站。CSS是每个网页设计人员所必须掌握的。

本节课将分3个小节讲解CSS的核心技术。

CSS入门：包括发展历史、使用CSS的好处、基本模型、在HTML中引用CSS的3种方法，并通过第一个CSS实例认识CSS的魅力。

CSS的定义语法：基本格式、CSS注释、选择符组、类选择符、ID选择符、包含选择符、样式表的层叠性、伪类-动态链接。

CSS的常用属性：字体属性font、文本属性text、背景属性background、边框属性border、边距属性margin、间隙属性padding、定位属性position、尺寸属性height/width、布局属性layout、滚动条属性scrollbar。

最后通过上机操作，使用CSS来美化上一章完成的企业信息管理系统的原始静态网站，经过美化后的网站代码打包为emis02（HTML+CSS）.zip。本节课的上机时间为60分钟。

1  CSS入门

首先了解CSS的发展历史和好处，然后讲解在HTML中引用CSS的方法，并通过第一个CSS实例展示CSS的魅力。

 

从20世纪90年代初，在HTML被发明开始，样式表就以各种形式出现了，不同的浏览器结合了它们各自的样式语言，读者可以使用这些样式语言来调节网页的显示方式。一开始样式表是给读者用的，最初的HTML版本只含有很少的显示属性，读者来决定网页应该怎样被显示。

但随着HTML的成长，为了满足设计师的要求，HTML获得了很多显示功能。随着这些功能的增加，使用外来定义样式的语言越来越没有意义了。

1994年哈坤·利提出了CSS的最初建议。伯特·波斯（Bert Bos）当时正在设计一个叫做Argo的浏览器，他们决定一起合作设计CSS。

当时已经有过一些样式表语言的建议了，但CSS是第一个含有"层叠"的主意的。在CSS中，一个文件的样式可以从其他的样式表中继承下来。读者在有些地方可以使用他自己更喜欢的样式，在其他地方则继承，或"层叠"作者的样式。这种层叠的方式使作者和读者都可以灵活地加入自己的设计，混合各人的爱好。

哈坤于1994年在芝加哥的一次会议上第一次展示了CSS的建议，1995年他与波斯一起再次展示这个建议。当时W3C刚刚建立，W3C对CSS的发展很感兴趣，它为此组织了一次讨论会。哈坤、

波斯和其他一些人（比如微软的托马斯·雷尔登）是这个项目的主要技术负责人。1996年底，CSS已经完成。1996年12月CSS要求的第一版本发布。

1997年初，W3C内组织了专门管理CSS的工作组，其负责人是克里斯·里雷。这个工作组开始讨论第一版中没有涉及到的问题，其结果是1998年5月发布的第二版要求。到2007年为止，第三版还未完备。
1.2  使用CSS的好处

CSS最重要的目标是将文件的内容与它的显示分隔开来。在CSS出现前，几乎所有的HTML文件内都包含文件显示的信息，比如字体的颜色、背景应该是怎样的、如何排列、边缘、连线等都必须在HTML文件内列出，有时重复列出。CSS使作者可以将这些信息中的大部分隔离出来，简化HTML文件，这些信息被放在一个辅助的、用CSS语言编写的文件中。在HTML文件中只包含结构和内容的信息，在CSS文件中只包含样式的信息。

CSS是Web设计界的一次革命。CSS最主要的目的是将文件的结构（用HTML或其他相关的语言写的）与文件的显示（CSS）分隔开来，这个分隔有许多好处：

文件的可读性被加强。

文件的结构更加灵活。

作者和读者可以自己决定文件的显示。

文件的结构简化了。

CSS还可以使用其他的显示方式，比如声音（假如浏览器有阅读功能的话）或给盲人用的感受装置。此外CSS还可以与XHTML、XML或其他结构文件一起使用，唯一的条件是显示这种文件的浏览器装备了接受CSS的功能。
 

 

回书目录   下一节

 

1.1  CSS的发展历史

上一篇: 外滩十八号
下一篇: CSS入门简介二
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: css简介
相关日志: