我总是对每一个想学css的朋友说: “学css真的很简单,一个星期就搞定。” 但真的这么简单吗?魔方也很简单,拿到手里就知道怎么玩了,但最高境界却不是几天或几个月就能修成的,甚至根本就不可能达到,永远需要提高,看似痛苦,同时也享受升华的乐趣,CSS也一样,痛并快乐指的就是这些东西吧。
本文里面收集一些有关CSS的技巧、教程、工具和观点等,其中一些你也许早就运用的炉火纯青,也可能有的你听都没听说过。不管是新手还是高手,大家都继续学习吧。
要玩游戏,就得先了解规则。要学CSS,就应该先了解一下Web标准。尽管看上去不是必须的(我在学CSS之前,根本不知道也不想知道Web标准是个啥玩意儿)。应该说,你是否学Web标准,跟你是否能学会CSS没有什么关系,但跟你能写出什么样的CSS,以及XHTML或其它代码,跟你能做出什么质量的网页有很大的关系。
其实我自己对Web标准也不甚了解,尽管我看过不少关于Web标准的文章和书。(我总是这样,对学术性的概念名词永远都似懂非懂的),所以每次谈到Web标准,我头里就会有一堆问号:
我个人比较乐意看成前者,努力靠拢就好了,但没必要为了标准而标准,自己为难自己。
呃,本来只是想随便写点文章引语,闲扯太多了,还是看看下面这些有关Web标准的东西吧,有助于你了解这个东西。
二, CSS布局和定位
我不是什么Web前端观察家,我个人发现的两个可能并不正确的网页布局趋势是: 两栏和水平条。
说两栏是趋势似乎有点唬烂,两栏本身就是最基本最常用的布局,但之所以成为更加流行的网页设计趋势得益于Web 2.0的流行,你很少会看到一个Web 2.0网站把自己做成门户般的杂志型布局,大家都力求简洁。当然,在国内,还是有很大一部份个人站长和企业喜欢把自己的网站挤得密密麻麻,Magazine的非常厉害。这恐怕也不能说谁前卫谁落后,好的Magazine布局确实能让人产生一个感觉或错觉: 这个网站很专业,做的很大,很优。我个人是希望简洁两栏真的能成为趋势,每次进入门户型布局的非门户级网站时,就感觉自己掉进了一堆链接的海洋里。
水平条成为趋势则源于宽屏浏览器的普及,它能让你的网页不管在各种宽屏分辨率下显得协调美观。比如帕兰映像的网页主体是960像素固定宽度,我的电脑分辨率是1440*990像素,如果没有水平条,总感觉网页太空,尽管留白也是一种设计技巧,但并不是这样的留白。尽管还有另一种解决方案是自适应宽度,但我个人觉得,对于大多数网站来说,自适应宽度并不是一个好方法,它解决了宽度的问题,却又让网页产生了很大其它破坏视觉的问题。
还是让我们看一些关于CSS布局的技巧吧。