什么是CSS计算机层叠样式语言它有什么用处

什么是CSS计算机层叠样式语言它有什么用处

学习目地：在前面我们已经学过HTML的发展吏，也讲了HTML计算机签计语言控制文字的方法，还讲了HTML计算机标记语言设计文字表格的方法。下面我就要提前给大家预热，来给大家讲下CSS，因为后面我们的学习中会接触到CSS，不充份的理解CSS是什么。我们的学习会遇到很多困难而无法学下去。

什么是CSS

（图片来自网络）

Css（全称：Cascading Style Sheets）中文意思‘层叠样式表’，是用来表现HTML（Hyper Text Markup Language）等文件样式的一种计算机语言。CSS不仅可以静态地修饰网页，还可以和各种脚本语言一起动态地对网页各元素进行控制。

CSS是控制样式结构的语言，主要用于控制网页结构和信息的表现。CSS代码可以直接写在HTML网页代码中或者单独写在css文件中。无论哪一种方式，样式单包含将样式应用到指定类型的元素的规则。样式规则由一个或多个样式属性及其值组成，外部使用的时候，扩展名.css文档放置样式单规则，只要引入.css文档即可。样式规则可以用来控制网页中的元素，如文本段落以及链接的格式化指令。内部样式单可以直接放在网页中，外部样式单保存在一个或多个独立的文档中，网页只要通过一个特殊标签就可以引入外部的样式单。CSS中的‘层叠（cascading）’表示样式单规则应用于HTML文档元素的方式。CSS样式单中的样式形成一个层次结构，更具体的样式覆盖通用样式。样式规则的优先级由CSS根据这个层次结构决定，从而实现级联效果。

总结：css就是用来静态地修饰网页，控制网页的结构，通过控制元素的属性来实现不同样式的显示。它还可以配合js（JavaScript）等脚本语言实现网页的动态效果。

CSS的发展历史

1988年伯纳斯·李（Tim Berners-Lee）发明了World Wide Web，没有他就没有我们今天互联网相关的工作，请允许我代表广大前端致以崇高的敬意。我们先一睹大神的风采。

（图片来自网络）

互联网诞生后，最初的网页仅仅是纯文本，但是随着互联网的发展，大家意识到web的原始版本根本就没有提供一种装饰网页的方法。这就好比一个婴儿不会穿着衣服出生一样，孩子大了，总不能裸奔吧？这个时候两个大神提供了解决方案Pei Yaun Wei方案和Andreesen方安。

Pei-Yuan Wei在1991年创建图形浏览器 ViolaWWW ，他整合了自己提出的样式语言到自己开发的浏览器中，还期望自己的样式语法最终能成为web关于样式的官方标准。虽然这个目标并未达到，但是他提出的样式语法确实为其它的一些样式语法提供了一些灵感。

Andreesen说，那玩意得换多麻烦，我给孩子画一身衣服吧，当然你懂的，最后Pei Yaun Wei的方案被采用了。

经过多年的互联网工作实验进化后，最终被大家采纳的语言是由Hakon Wium 在 1994年 10月提出的样式语法。它被称为样式层叠表，简称CSS，但是直到1996年的时候，CSS才演变成我们熟悉的样子。

然后在1998年5月W3C发表了CSS2，紧接着一个让我深恶痛绝的浏览器诞生了！对没错，就是你深恶痛绝的那个万能的IE6，2001年微软发布了IE6，不过搞笑的是，IE6最初的出现确实很大程度推动了CSS发展。那时候的网页已经变成跟现在很接近了。

CSS3早于1999年已经开始制订，直到2011年6月7日，CSS 3 Color Module终于发布为W3C Recommendation。这个故事告诉我们两件事：

1.w3c这个组织活的真够长，甚至比很多读者年龄都大。

2.不是CSS正式版发布了你才放心使用，如果等到那个时候使用，你的项目可能未曾绽放就枯萎了。

CSS４和CSS５大家别等了。。。。。很可能我们有生之年等不到了也看不见了。总之我等到了现在２０１８年广州图书馆还没看到有CSS４的书可以借，要是有的借我早借回去了，也有可能是我眼神不好没看到。

CSS作用和学CSS好处

CSS可以让网页“穿上漂亮衣服”，CSS可以控制HTML标签对象的css 宽度、css 高度、float浮动、文字大小、字体、css背景等样式达到我们想要的布局效果。CSS功能和作用也就在于此。

我们学习CSS其实就是学习HTML标签应用与CSS样式控制。下面我就讲下学习CSS的好处有几点。

1.大大缩减页面代码，提高页面浏览速度,缩减带宽成本;

2.结构清晰，容易被搜索引擎搜索到

3.缩短改版时间。只要简单的修改几个CSS文件就可以重新设计一个有成百上千页面的站点。

4.强大的字体控制和排版能力。CSS控制字体的能力比糟糕的FONT标签好多了，有了CSS，我们不再需要用FONT标签或者透明的1 px GIF图片来控制标题，改变字体颜色，字体样式等等。

5.CSS非常容易编写。你可以象写html代码一样轻松地编写CSS。

6.提高易用性。使用CSS可以结构化HTML。

7.可以一次设计，随处发布。

8.更好的控制页面布局。

9.表现和内容相分离。将设计部分剥离出来放在一个独立样式文件中，你可以减少未来网页无效的可能。

10.更方便搜索引擎的搜索。用只包含结构化内容的HTML代替嵌套的标签，搜索引擎将更有效地搜索到你的内容，并可能给你一个较高的评价(ranking)。

11.Table 布局灵活性不大，你只能遵循 table tr td 的格式。而div 你可以 div ul li 也可以 ol li 还可以 ul li ……但标准语法最好有序的写。

12.另外如果你不是javascrput的高手，你可以不必去写ID，只用class就可以。当客户端程序员写完程序，需要调整时候，你可以在利用他的ID进行控制。

13.Table 中布局中，垃圾代码会很多，一些修饰的样式及布局的代码混合一起，很不利于直观。而Div 更能体现样式和结构相分离，结构的重构性强。

14.在几乎所有的浏览器上都可以使用。

15.以前一些非得通过图片转换实现的功能，现在只要用CSS就可以轻松实现，从而更快地下载页面。

16.使页面的字体变得更漂亮，更容易编排，使页面真正赏心悦目。

17.你可以轻松地控制页面的布局

好了我讲完了CSS是怎么回事了，明天开始我就会给大家讲下CSS是如何偷偷的在背后控制我们以前学的HTML的。

**************EMD**************

部分内容参考网络，本文只限于学习交流请勿它用

***********************************