什么是Css语言它有什么用——免费Css3语言零基础极速入门

287 阅读8分钟

我和往常一样,一边喝早茶,一边上网和女粉丝侃大山,在手机和平板电脑上整理修改 《C++》 、 《C语言》 、 《Java》 等多年前写的教程,并研究学习各种品牌的小程序。

突然女粉丝问:“陈老师!听说你是公司里的Html5大神?”。
我答:“略懂略懂,略知1、2”。
女粉丝问:“陈老师!你知道Css是什么吗?”。
我答:“知道!”。
女粉丝问:“可以教我吗?”。
我答:“好的!下面写个教程,你回头等我更新网文吧!”。

2006年某个周六日,我去一家公司做网络推广临时工,在吃中午饭时有很多刚出社会的学生问我,杰哥为什么你的网络推广文化传播视觉传达web页面可以做的出类拔萃(指的是2003年以前,当年真的没几个人肯做这行),有没有什么诀窍。

我和一起吃中午饭的学生们(海归学历很高,当年我还在校大学没毕业可是人家都研究生毕业回国实习了,听说实习工资有3000元美金,我当年做临时工只有3800元人民币低薪,2006年前的价格)说,杰哥只是厚积薄发,入行的时间比你们长没有别的特点。

要说有,也只是因为我学过Htm语言、Css语言、JavaScript语言,这都是以前教我计算机的陈老师见意我有空就把这三门语言自学完,陈老师常说师傅引进门修行在个人

因为在学校期间教学时间有限,不能全都教完,因为2003年以前只有博士生和博士导师才会学三合一语言(html+CSS+JavaScript,2003年前只有高等专业才有,中国社会很黑暗很封闭没普及开放计算机语言,当时只有中国科学研究院少数人会)中等职业不要求掌握只要求了解,所以我学了点基础就毕业了。

后来进入大学高等职业教育后,我的计算机公开课Java语言老师(不是JavaScript老师)叫我上w3c去进修,w3c更新快内容多比书本上的还要丰富。
在进修过三学合一语言(Html、Css、JavaScript三门)后我设计了一个网页作品,我毕业前就把这个网页设计作品交给了我的另一个计算机网页制作选修课老师(计算机语言和网页设计制作与计算机数据结构还有计算机晶体管集成电路等等计算机老师,不是同一个老师),并换了个不错的成绩(没作品没真相,没成果就等于瞎BB,老师的法眼很现实)。

所以我对几个刚出来工作的研究生说,你们还是先把Css语言搞熟吧!这个对网页排版很重要,我说学Css语言也不特别难,只要照Css语法规则再把26个英文字母合理的排列组合后,放在合适的位置上就能用。

接着我就给研究生们简单的讲了下面的内容“什么是Css层叠样式语言”,其实我一直闹不懂为什么我上大学学计算机专业,大学语文主修公开课会是哲学?

不过哲学对我的大学毕业论文和毕业设计作品有帮助,最少让我提前知道设计什么类型的网页作品和别的同学完全不同又能让老师眼前一亮从没看过。
所以我当年网页设计说明书答辩一次通过,别的同学来来回回修修改改后还N多雷同,修改了N多个月还要答辩N回才答辩完(当年的伙伴们为了答辩和修改设计作品都快哭了,因为他们说设计作品瞎编不出来,答辩时老师都要看现货)。

听完我的从业故事后现在就给大家讲下什么是Css语言,因为后面我们的学习中会接触到Css语言,不充分的理解Css语言是什么。我们的学习会遇到很多困难而无法学习下去。

图片

Css语言是什么,Css语言英文全称是“Cascading Style Sheets”中文意思是“层叠样式表”,是用来描述Html语言内容样式的一种计算机语言。

Css语言不仅可以静态地修饰网页,还可以和各种脚本语言一起动态地对网页各元素进行控制。

Css语言有两种使用方式,一种是内部样式表另一种是外部样式表。
内部样式表可以直接放在网页中使用,外部样式表保存在一个或多个独立的文档中使用,使用时要通过一个特殊标签就可以引入外部的样式表。
无论哪一种使用方式,Css文件中包含的样式表,最后都会应用到指定类型的网页元素上。
Css语言规则应用到指定的元素上,Css样式表中的样式会形成一个Css层次结构。在这个Css层次结构中,更具体的Css样式会覆盖掉通用样式。
样式规则的优先级由Css根据这个层次结构决定,从而实现级联效果。

说的简单点儿,Css语言就是用来修饰和控制网页,通过控制网页元素的属性来实现不同样式的显示。
它还可以配合JavaScript语言等脚本语言实现网页的动态效果。

知道Css语言是什么以后大家肯定很想知道Css语言是从何而来,现在我给大家讲下Css语言的发展史,
1988年伯纳斯·李(Tim Berners-Lee)发明了World Wide Web,2004年英女皇伊丽莎白二世向伯纳斯·李颁发大英帝国爵级司令勋章。
2009年4月,他获选为美国国家科学院外籍院士。
没有他就没有我们今天互联网相关的工作,请允许我代表广大前端致以崇高的敬意。我们先一睹大神的风采。

图片

互联网诞生后,最初的网页仅仅是纯文本,但是随着互联网的发展,大家意识到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大家别等了(可能会被Html5统一)。。。。。很可能我们有生之年等不到了也看不见了。总之我等到了现在2018年广州图书馆还没看到有CSS4的书可以借,要是有的借我早借回去了,也有可能是我眼神不好没看到。

上面的CSS历史来源于网络。下面我就讲下学习CSS的好处有几点:

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

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

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

4.Css非常容易编写。你可以像写Html代码一样轻松地编写CSS。

5.使用CSS可以结构化Html,提高易用性。

6.可以一次设计,随处发布。

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

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

好了杰哥讲完了Css是怎么回事了,明天开始我就会给大家讲下Css是如何偷偷的在网页背后控制我们的Html。今天就分享到这。

更多内容请看
虎哥引流器

http://2008622.3vfree.cc/GongNengYie.html