页面制作中一些技术、技巧和工具的总结(一)

由愚人码头撰写　http://www.css88.com/archives/1746

一、css中一些技术、技巧

1.Reset CSS

知道Reset CSS是什么吗？通常情况下，它也被写成CSS Reset，即重设浏览器的样式。在各种浏览器中，都会对CSS的选择器默认一些数值，譬如当h1没有被设置数值时，显示一定大小。但并不是所有的浏览器都使用一样的数值，所以，有了CSS Reset，以让网页的样式在各浏览器中表现一致。前端开发工作中有一款好的、统一的Css Reset将提高开发效率，提高样式代码的重用，减少重复代码，减少维护成本。网上有很多Reset CSS。(转载请注明出处：WEB前端开发 http://www.css88.com/)
大家可以看看这里：http://www.css88.com/archives/541 和 http://www.css88.com/archives/614

2.CSS Sprites
利用CSS Sprites能很好地减少了网页的http请求，从而大大的提高了页面的性能，这也是CSS Sprites最大的优点，也是其被广泛传播和应用的主要原因；个人认为能CSS Sprites能减少图片的字节，我曾经比较过多次3张图片合并成1张图片的字节总是小于这3张图片的字节总和，原因在于每张图片都有额外的图片信息隐藏在图片中，这样多张图片合并，就能节省些字节；
大家可以看看这里：http://www.css88.com/archives/756

3.CSS 选择器
选择器，或者选择符，selector，是构建整个CSS的基础。CSS 选择器能使我们很好的将样式归类。减少样式的耦合，进行区块话管理，如果能实现前端页面的模块化开发，那么CSS 选择器也就更有用武之地了。(转载请注明出处：WEB前端开发 http://www.css88.com/)
例如：
.news{…}
.news h3{…}
.news ui li{….}
这样就很容易维护这个news区块；

大家可以看看这里：http://www.css88.com/archives/1635

4.CSS 渲染效率
CSS渲染规则是：在一条css中，css选择器是从最右边开始之后依次向左移动的，直到它不匹配CSS规则或匹配错误；所以我们的工作重点应该放在最右侧的CSS选择器来匹配大量的页面的元素。(转载请注明出处：WEB前端开发 http://www.css88.com/)

大家可以看看这里：http://www.css88.com/archives/1472

5.haslayout
IE6下bug很多源于haslayout；haslayout 是一个非常有必要彻底弄清除的概念；
大家可以看看：http://www.css88.com/archives/tag/haslayout

这篇日志由愚人码头, 发表在 2009年08月7日于 12:51 下午, 文件归档于 (x)html+css 标签为 and tagged css. 添加永久链接到书签中. 获得所有评论更新使用这里的日志RSS源. 发表评论或者复制引用通告地址: 引用通告 URL.

WEB前端开发
专注前端开发，关注用户体验