CSS Reset Template

Css Reset是什么? 有些同行叫 “css复位”, 有些可能叫 “默认css”.

CSS Reset 就是要重置 CSS 样式. 但是 CSS Reset 绝不仅仅是为了清除 html 元素默认表现,而是为了更好的统一各种浏览器下面的表现从而使得我们避开各种浏览器 BUG 所带来的问题, 所以”重 置”这个词很恰当. 需要注意的是: Reset 不是万能的! 随着时间的流逝和技术的进步, Reset也应相应的变化.

Reset CSS 能够达到使浏览器”统一”表现的作用.对于比较大点的项目,好处更加的明显.然而, CSS reset 却并没有一个 “一统江湖” 的唯一标准. 个人认为, CSS Reset 应该根据各种项目和不同需求去定制一套”最适合”的, 因为并不是所有的 html 元素都会在一个项目里面出现.

目前有三个 CSS Reset 方案可供我们使用:

• KISSY CSS Reset 1.0
• YUI 3 CSS Reset
• Eric CSS Reset

对于这三套方案,我更倾向于射雕的KISSY CSS Reset,原因是:更适合中国国情.当然,这三套方案都不是适合于你直接使用的,因为没有最好,只有最适合.你需要根据你的需要进行添加,修改或者删 除.这里有一些延伸阅读可以帮助你进行接下来的工作:

• 打造自己的 reset.css
• Dawn CSS Reset

html5是个不那么新鲜的事物了,大家纷纷去”体验”超前的技术.然而,html5要真正的铺开来,还有待时日.但是国外的同学总是那么的”超前”于我 们,这不,对于html5的CSS Reset已经出来. 点这里查看 html5 的 CSS Reset.

我参考了其他网站的 CSS Reset 有结合自己工作中的实际经验. 自己写了一个模板出来. 这个模板在 CSS Reset 的基础上又加入了 在项目中经常遇到的文字自动换行的样式定义, 还有 html5 的部分标签重置的样式. 也有比如 单选框的文字对齐的问题,和小图片的垂直居中排版对齐的文件.

感兴趣的可以在这里下载来看看. 使用的时候就按照自己的需求来进行删减了. 下载在这里:

[Downlink href=”http://xuhelblog.googlecode.com/files/ResetCSS.zip”]Reset.css[/Downlink]

注意该文件使用 BSD 协议发布。你可以依照 BSD 协议任意使用。