打印

[其它] 清除浏览器的预设状态,让所有的浏览器的起跑点一致

Yahoo UI Library里的reset.css,作用就是清除浏览器的预设状态,让所有的浏览器的起跑点一致!
/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.11.3
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}

ol,ul {list-style:none;}

caption,th {text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;}

q:before,q:after{content:'';}
我爱阿仙奴!

TOP

收藏一下   感谢分享。

另外问一句,

h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}    这些是用来做什么的?  有必要吗?

strong为什么要去掉加粗的效果?
承接(前端开发/网站设计)类兼职:www.uicss.cn

TOP

使用*{margin:0;padding:0;border:0}就可以了,特别是对于ul有好处。
去掉加粗和去掉块级作用,感觉是错误的做法。

[ 本帖最后由 kuhanzhu 于 2008-5-12 10:00 编辑 ]
乐于助人、严格管理、言多必失。无知者无罪。
编程资源:http://book.kuhanzhu.com

TOP

html标签是语义化的标签
<strong />  的语义就是重点强调
而重点强调有很多种形式,不一定是加粗显示。

h1~h6的font-size设为100%就是清除了他们的默认大小
很多时候它们默认大小也没用到。。

q表示一个行引用
q:befor,q:after{content:'';}就清楚了行前后可能的默认文字或符号。。比如引号

大概是这样。。
Web developer!

TOP

h1,h2,h3,h4,h5,h6{font-size:100%;}
是因为各个浏览器对它们的默认行高不一样。
q:before,q:after{content:'';}
是因为现代浏览器(FF,opera,safari)等默认是有一个双引号的,而ie是没有的
比如
<q>what this?</q>
在ie下显示为what this?
而在现代浏览器里面是"what this?"
加q:before,q:after{content:'';} 统一显示what this?
就是在标签q前面,后面用‘’空白代替“”双引号。
不写拉倒~

TOP

加*{}是错误的方法

对于text input 和 textarea 设padding和margin的话浏览器解释起来效果不一样,比如ff3忽视掉而IE7清除了,这样违背了reset的初衷
Web developer!

TOP

感谢各位回复。

感觉去掉加粗还是很有必要的,  另外,  也不赞同用通配符来给全局定义属性。
承接(前端开发/网站设计)类兼职:www.uicss.cn

TOP