网站设计必备的工具及HTML和CSS知识

果时是最简单有效的。这种时候我们往往会选择放弃标准，但暂时的放弃不意味着无视。今天知道我们哪些行为是错误的，以及为什么要用错误的方法，明天改正起来就不会太难。

提高网站性能的技巧，如有助于SEO的以图代字、用尽量少和小容量的图片实现圆角表格、用background-position实现图片切换以提高渲染效率等等。从对网站的帮助角度来看，这些技巧远比浏览器hack更值得掌握。

了解一点js知识。这个和CSS关系不是那么密切，但经常看到很多人钻牛角尖，用js可以非常简单实现的效果，非要用CSS去勉强实现。例如将子菜单放在链接里，通过:hover触发。又比如多列等高布局的实现。这已经是行为层的范畴了，为什么还非要用表现层来实现呢？当然这里并不是说所有CSS不容易实现的都往js里扔，而是要了解一下双方的技术特点，合理地选用最佳方案。

４、必备的网站样式管理技巧

1. 规范化的命名与合理的代码重用性，也就是ID和class。对不起，这里又要老生常谈一下，因为昨天刚刚又看到一个通篇没有用一个ID的网站。ID和class是属于结构层的，不过CSS的调用却几乎都要通过ID和class来实现。但是，ID和class不仅仅是为了调用CSS样式而存在的。恰恰相反，是良好的ID和class构建的结构给了CSS大展身手的舞台。搞反了彼此关系，其实还是表现主导结构的思路，也就和满屏幕的table没有本质区别。理清了ID、class和CSS的关系，再来谈命名，命名其实只有一个基本原则，就是结构化。当然，在结构化之余，body、框架、模块之间的命名如能以某种形式加以区别（我个人习惯是加不同前缀），会让代码更加清晰。
2. 样式文件的管理，也就是如何存储网站的样式文件。如果是一个很小的网站，把所有样式存在一个文件中也是没有问题的。但大网站的CSS往往几十上百k，全部存在一个文件里不但影响网页加载，也不利于修改维护。