Tantek Celik 重置 CSS
:link,:visited { 文本装饰:无 } ul,ol { 列表样式:无 } h1,h2,h3,h4,h5,h6,pre,代码 { 字体大小:1em; } ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,块引用,字段集,输入 { 边距:0;填充:0 } 一个 img,:link img,:访问过的 img { border:none } 地址 { 字体样式:正常 } 克里斯蒂安·蒙托亚 重置 CSS html、正文、表单、字段集 { 保证金:0; 填充:0; 字体:100%/120% Verdana、Arial、Helvetica、sans-serif; } h1、h2、h3、h4、h5、h6、p、前、 块引用、ul、ol、dl、地址 { 保证金:1em 0; 填充:0; } li, dd, 块引用 { 左边距:1em; } 表单标签{ 光标:指针; } 字段集{ 边框:无; } 输入、选择、文本区域 { 字体大小:100%; 字体系列:继承; } |
Rudeworks 重置 CSS
* { 保证金:0; 填充:0; 边框:无; } html{ 字体:62.5%“Lucida Grande”、Lucida、Verdana、无衬线; 文本阴影:#000 0px 0px 0px; } ul { 列表样式:无; 列表样式类型:无; } h1、h2、h3、h4、h5、h6、p、前、 块引用、ul、ol、dl、地址 { 字体粗细:正常; 保证金:0 0 1em 0; } 引用,em,dfn { 字体样式:斜体; } sup{ 位置:相对; 底部:0.3em; 垂直对齐:基线; } 子{ 位置:相对; 底部:-0.2em; 垂直对齐:基线; } li, dd, 块引用 { 左边距:1em; } 代码,kbd,samp,pre,tt,var,输入[type='text'],textarea { 字体大小:100%; 字体系列:monaco、“Lucida Console”、courier、等宽字体; } 德尔{ 文本装饰:穿行; } ins, dfn { 边框底部:1px 实线#ccc; } 小、sup、sub { 字体大小:85%; } 缩写词,缩写词 { 文本转换:大写; 字体大小:85%; 字母间距:.1em; 边框底部样式:点线; 边框底部宽度:1px; } 缩写词,缩写词 { 边框:无; } sup{ 垂直对齐:超级; } 子{ 垂直对齐:子; } h1 { 字体大小:2em; } h2 { 字体大小:1.8em; } h3 { 字体大小:1.6em; } h4 { 字体大小:1.4em; } h5 { 字体大小:1.2em; } h6 { 字体大小:1em; } a, a:链接, a:访问过, a:悬停, a:活动 { 轮廓:0; 文本装饰:无; } 一个图片{ 边框:无; 文本装饰:无; } 图像{ 边框:无; 文本装饰:无; } 标签、按钮 { 光标:指针; } 输入:焦点,选择:焦点,文本区域:焦点{ 背景颜色:#FFF; } 字段集{ 边框:无; } 。清除 { 明确:两者; } .float-left { 浮动:向左; } .float-right { 浮动:右; } 身体 { 文本对齐:居中; } #包装器{ 保证金:0 自动; 文本对齐:左对齐; } |
Anieto2K 重置 CSS
html、body、div、span、applet、对象、iframe、 h1、h2、h3、h4、h5、h6、p、 块引用、前、a、缩写、首字母缩略词、地址、大、 引用、代码、del、dfn、em、字体、img、 ins、kbd、q、s、samp、小、罢工、 强、子、sup、tt、var、dl、dt、dd、ol、ul、li、 字段集、表单、标签、图例、 表、标题、tbody、tfoot、thead、tr、th、td、 中心,u,b,i { 保证金:0; 填充:0; 边框:0; 轮廓:0; 字体粗细:正常; 字体样式:正常; 字体大小:100%; 字体系列:继承; 垂直对齐:基线 } 身体 { 行高:1 } :重点 { 大纲:0 } ol, ul { 列表样式:无 } 桌子 { 边界崩溃:崩溃; 边框间距:0 } 块引用:之前,块引用:之后,q:之前,q:之后{ 内容: ”” } 块引用,q { 引号: ”” ”” } 输入,文本区域{ 保证金:0; 填充:0 } 小时{ 保证金:0; 填充:0; 边框:0; 颜色:#000; 背景颜色:#000; 高度:1 像素 } |
CSSLab CSS 重置
html、body、div、span、applet、对象、iframe、h1、h2、h3、 h4、h5、h6、p、块引用、pre、a、缩写、首字母缩略词、地址、 大、引用、代码、del、dfn、em、字体、img、ins、kbd、q、s、samp、 小、罢工、强、sub、sup、tt、var、dl、dt、dd、ol、ul、li、 字段集、表单、标签、图例、表格、标题、tbody、tfoot、 头、tr、th、td { 保证金:0; 填充:0; 边框:0; 轮廓:0; 字体粗细:继承; 字体样式:继承; 字体大小:100%; 字体系列:继承; 垂直对齐:基线; } :重点 { 轮廓:0; } 桌子 { 边界折叠:分开; 边框间距:0; } 标题,th,td { 文本对齐:左对齐; 字体粗细:正常; } 一个 img、iframe { 边框:无; } ol, ul { 列表样式:无; } 输入、文本区域、选择、按钮 { 字体大小:100%; 字体系列:继承; } 选择 { 边距:继承; } /* 修复 IE6/7 中 ol 中数字的错误放置 */ ol { 左边距:2em; } /* == 清除修复 == */ .clearfix:之后{ 内容: ”。”; 显示:块; 高度:0; 明确:两者; 可见性:隐藏; } .clearfix {显示:内联块;} * html .clearfix {高度:1%;} .clearfix {显示:块;} |
就像你看到的,这些都大同小异,需求不同,方法也不同。我自己偏向于喜欢Yahoo的CSS Reset,也用了Yahoo的代码。你,有自己的CSS Reset体系吗?也许可以分享出来!