CSS简易教程系列——CSS的产生

大虾请略过,欢迎批评指正。本人菜鸟。

话说盘古开天那会,嗯,还没有网络,再后来出现了网络,一种简单的容易理解的语言——HTML出现了。或许现在的网页都很漂亮,但用最原始的有语义的HTML形成的网页只能用简陋来形容。
再后来,网页变得越来越复杂,直到很少有人能再看懂自己写的代码。那个时代,Html的最重要的作用变成表现页面的一种方式,那么当时是怎么来修饰页面的呢?

人们用块引用(Blockquote)来添加空白而不是表示引用;表格完全成了布局工具,而不是来显示数据;用字体和粗体标签的组合来创建所需的视觉效果,而不只是用标题元素突出显示页面标题。总之,Html这种原本为非表现性语言变成了多能的,后果就是谁也理不清那一堆乱乱的代码。

这时人们急需一种独立的,细化的,简单的,易实现的表现性语言,来独立于Html之外表现页面。CSS出现了。

CSS全称为Cascading Style Sheets,翻译过来为层叠样式表,一般称样式表。它是Html的一种扩展语言。

那么我们可以用CSS来做什么呢?
有了CSS,我们就可以控制网页外观并且将文档的表现部分与内容分离开来。例如我们可以用CSS直接控制布局,而不是没有语义的表格。总之,CSS让以前复杂难懂的Html变得简单,有意义。

CSS的语法是非常简单的,但CSS在大多数人眼里是难掌握的。这并不是CSS本身的错,而是浏览器Bug和不一致的显示方式导致的。像我们最常用的IE就是最令设计人员头痛的一个非常糟的浏览器。我们日常使用一般都要尽量避免这些因浏览器而导致的BUG。比如最常见的一种就是网页在Firefox下显示正常,而在IE下,侧边栏却被“挤”到了下面,这就是由于IE错误的不符合标准的框模型造成的。当然,也存在一些修复Bug的方法(一般称Hack),但并不推荐。当你在不同浏览器上测试代码时,你的设计可能在一种浏览器上显示的很好,但在另一浏览器上布局可能会支离破碎。不要惊讶,这是一个现实的世界,并不完美。可以尽量找一些修复的方法。

现在用的CSS标准一般为2.1。

第一次写系列教程,肯定有好多好多疏漏和错误,以后发现了会逐步完善,欢迎指正哦。以后尽量先写到纸上,这样思考的会细一些。这也是本人的一个深入学习的机会。记住:我也是菜鸟哦,比你知道的多不了多少。

回到开封 元宵节快乐

去武汉丫头那玩了几天,在开封的烟花下,元宵节的晚上回来了。

新的学期,新的开始。新学期本Blog的目标是普及一下CSS,让大多数本Blog的读者至少可以看懂CSS。求人不如求已嘛。

上学期还蛮顺利的,没有挂科,四级也过了。但是应该考虑考研的问题了。这个学期将会是充实前进的一个学期。

如果你也有新的目标,我们一起努力哦

CSS练习——Tuscany Luxury Resorts

假期里将之前买的Css Mastery仔细读了一遍,里面有个例子,觉得设计得蛮不错,所以用了一下午的时间把它搬到了Blogger上。只完成了框架,细节部分如颜色,字体等等有待针对Blogger完善。快过年了,所以最近没时间了,放着吧。 有兴趣可以下载源代码自己修改一下。

原作品地址
Blogger版本地址
所有与此模板相关的源代码及图片下载地址

今天是情人节,祝愿天下所有有情人终成眷属!!

预祝新年快乐,在新的一年里写下自己的目标哦!

放假啦

又一年。

预祝你,新年欢欢喜喜。

明晚上九点半的火车。