CSS是标准化最吸引人的地方，也是时下讨论最多的话题，市面上的相关书籍也在web标准类里占据压倒性的比重，甚至有些人（包括一些用人单位）认为CSS就是网页标准。这种过于夸大CSS作用的观点固然是错误的，但CSS对于网页标准的重要性却也可见一斑。
CSS相关的知识、技巧很多，从知识的必备性方面来讲，以下几个方面是我认为最重要的：
布局。布局是表现层技术的基础，任何表现层的东西都是基于布局之上的。利用CSS布局的方法有很多种，例如float、绝对定位、负margin等等。每一种布局都有着各自的优势和局限性，从适性最广来讲显然是float最佳，也最为常用，但清除浮动往往是让人头疼的问题。绝对定位的网页抗压性好，但自由度低，而且渲染效率最差。负margin是最不破坏文档流的办法，但在对负值支持不佳的IE下往往会有灵异表现。关于布局方面的知识，建议看一下webflash的《彻底弄懂CSS盒子模式》系列文章，个人认为相关知识的文章尚无出其右者。
IE下的Haslayout渲染模式。其实hack是许多标准工程师所深恶痛绝的东西，但在浏览器兼容性要求越来越高的今天，hack却往往是一种无奈之举。而深入了解IE的Haslayout渲染模式，就会明白许多hack的来由，以及许多兼容性问题的产生之源。推荐阅读——译文On having layout。然而HasLayout问题之多，绝非一两篇文章所能概括，通过阅读文章，了解其中的原理，再举一反三，很多问题就会迎刃而解了。
符合标准的CSS规则。关于这一点，我可以不负责任地说，数以千万计的网站建设，其CSS完全符合标准的，所占比重不会超过1%。这并不是一个悲观的估计，即使是w3c推荐的一些网站，例如ESPN，他们的CSS也时常会通不过校验。CSS的许多规则的确令CSSer们非常不适，例如background和color，这两个属性绝大多数人都是分开来使用的，而w3c标准却规定两者必须“生则同生，死则同死”。还有就是各个浏览器的专有属性，在实现一些效果时是最简单有效的。这种时候我们往往会选择放弃标准，但暂时的放弃不意味着无视。今天知道我们哪些行为是错误的，以及为什么要用错误的方法，明天改正起来就不会太难。
提高网站建设性能的技巧，如有助于SEO的以图代字、用尽量少和小容量的图片实现圆角表格、用background-position实现图片切换以提高渲染效率等等。从对网站的帮助角度来看，这些技巧远比浏览器hack更值得掌握。
了解一点js知识。这个和CSS关系不是那么密切，但经常看到很多人钻牛角尖，用js可以非常简单实现的效果，非要用CSS去勉强实现。例如将子菜单放在链接里，通过:hover触发。又比如多列等高布局的实现。这已经是行为层的范畴了，为什么还非要用表现层来实现呢？当然这里并不是说所有CSS不容易实现的都往js里扔，而是要了解一下双方的技术特点，合理地选用最佳方案。
【 微信扫一扫 】
