十六步打造div+css布局专家

《十六步打造div+css布局专家》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第一课:什么是CSS,CSS概述通过这篇文章,我们将了解:1.什么是CSS2.CSS历史3.CSS布局的优点4.CSS样式的三种定义方式5.CSS样式定义次序6.CSS编写环境首先，我们来了解下关于CSS的来历，类似HTML中h1,p,table,这样的标签原本被设计为用于定义文档内容，HTML的初衷是表达“这是标题”、“这是段落”、“这是表格”之类的信息。同时由于两种主要的浏览器（Netscape和InternetExplorer）不断地将新的HTML标签和属性（比如font和color属性）添加到HT

2、ML规范中，导致创建统一、清晰的文档内容变得越来越困难。为解决这个问题，万维网联盟（W3C），这个非营利的标准化联盟，肩负起了HTML标准化的使命，并在HTML4.0之外创造出了层叠样式表（CSS）。所以，现在所有的主流浏览器均支持层叠样式表，也就是CSS！下面，是CSS的定义:CSS，指层叠样式表(CascadingStyleSheets)，样式定义如何显示HTML元素，样式通常存储在样式表中，把样式添加到HTML4.0中，是为了解决内容与表现分离的问题。外部样式表可以极大提高工作效率。外部样式表通常存

3、储在CSS文件中，多个样式定义可层叠为一。--------------------------------------------------------------------------------CSS将会为您的网页设计如虎添翼！CSS可以称得上WEB设计领域的一个突破。作为网站设计开发人员，你可以为所有HTML元素定义样式，并将其用于任意多的页面中，这对于网站的维护以及改版将是前所未有的便捷，只需要简单的改变样式，网站中所有元素便会自动更新。CSS同时有利于将网页内容与表现分离，所以样式通常保存在

4、外部的.CSS文件中，仅仅通过编辑一个简单的CSS文档，将可以改变所有网页的布以及外观！--------------------------------------------------------------------------------CSS历史1994年哈坤·利提出了CSS的最初建议；伯特·波斯（BertBos）当时正在设计一个叫做Argo的浏览器，他们决定一起合作设计CSS。当时已经有过一些关于样式表语言的建议了，但CSS是第一个含有“层叠”的主意的。在CSS中，一个文件的样式可以从其他的

5、样式表中继承下来。读者在有些地方可以使用他自己更喜欢的样式，在其他地方去继承，或“层叠”作者的样式,这种层叠的方式使作者和读者都可以灵活地加入自己的设计，混合各人的爱好。哈坤于1994年在芝加哥的一次会议上第一次提出了CSS的建议，1995年他与波斯一起再次提出这个建议。当时W3C刚刚建立，W3C对CSS的发展很感兴趣，它为此组织了一次讨论会。哈坤、波斯和其他一些人（比如微软的托马斯·雷尔登）是这个项目的主要技术负责人。1996年底，CSS已经完成。1996年12月CSS要求的第一版本被出版。1997年初

6、，W3C内组织了专门管CSS的工作组，其负责人是克里斯·里雷。这个工作组开始讨论第一版中没有涉及到的问题，于是1998年5月出版了CSS的第二版。到2007年为止，第三版还未完备。--------------------------------------------------------------------------------使用CSS布局的优点采用CSS布局相对于传统的TABLE网页布局而具有以下3个显著优势：1：表现和内容相分离将设计部分剥离出来放在一个独立样式文件中，HTML文件中只存放

7、文本信息。这样的页面对搜索引擎更加友好。2：提高页面浏览速度对于同一个页面视觉效果，采用CSS布局的页面容量要比TABLE编码的页面文件容量小得多，前者一般只有后者的1/2大小。浏览器就不用去编译大量冗长的标签。3：易于维护和改版你只要简单的修改几个CSS文件就可以重新设计整个网站的页面。4:使用CSS布局更符合现在的W3C标准.ps：W3C组织并不是ISO国际标准组织成员-------------------------------------------------------------------

8、-------------多重样式定义方式CSS样式允许以三种方式定义样式信息。1.样式可以定义在单个的HTML元素中(