什么是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正式版发布了你才放心使用,如果等到那个时候使用,你的项目可能未曾绽放就枯萎了。

CSS4和CSS5大家别等了。。。。。很可能我们有生之年等不到了也看不见了。总之我等到了现在2018年广州图书馆还没看到有CSS4的书可以借,要是有的借我早借回去了,也有可能是我眼神不好没看到。

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**************

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

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

  • 发表于:
  • 原文链接:https://kuaibao.qq.com/s/20181224G0Z71X00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券