-
-
Save hileon/507491 to your computer and use it in GitHub Desktop.
css reset
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@charset "utf-8"; | |
/* | |
@名称: base | |
@功能: 重设浏览器默认样式 | |
@例子: null | |
*/ | |
/* 防止用户自定义背景颜色对网页的影响 */ | |
html{ | |
color:#000;background:#fff; | |
} | |
/* 内外边距通常让各个浏览器样式的表现位置不同 */ | |
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr{ | |
margin:0;padding:0; | |
} | |
/* 要注意表单元素并不继续父级 font 的问题 */ | |
body,button,input,select,textarea{ | |
font:12px/1.5 tahoma,arial,\5b8b\4f53; | |
} | |
input,select,textarea{ | |
font-size:100%; | |
} | |
/* 去掉各Table cell 的边距并让其边重合 */ | |
table{ | |
border-collapse:collapse;border-spacing:0; | |
} | |
/* IE bug fixed: th 不继续 text-align*/ | |
th{ | |
text-align:inherit; | |
} | |
/* IE bug fixed: 背景消失 */ | |
dt,dd,li{ | |
position:relative; | |
} | |
/* 去除默认边框 */ | |
fieldset,img,a img{ | |
border:0; | |
} | |
/* 去掉 firefox 下的边框 */ | |
abbr,acronym{ | |
border:0;font-variant:normal; | |
} | |
/* 一致的 del 样式 */ | |
del { | |
text-decoration:line-through; | |
} | |
address,caption,cite,code,dfn,em,th,var { | |
font-style:normal; | |
font-weight:500; | |
} | |
/* 去掉列表前的标识, li 会继承 */ | |
ol,ul { | |
list-style:none; | |
} | |
/* 对齐是排版最重要的因素, 别让什么都居中 */ | |
caption,th { | |
text-align:left; | |
} | |
/* 来自yahoo, 让标题都自定义 */ | |
h1,h2,h3,h4,h5,h6 { | |
font-size:100%; | |
font-weight:500; | |
} | |
q:before,q:after { | |
content:''; | |
} | |
/* 统一上标和下标 */ | |
sup { | |
vertical-align:text-top; | |
} | |
sub { | |
vertical-align:text-bottom; | |
} | |
/* 默认显示下划线,保持页面简洁 */ | |
ins,a { | |
text-decoration:none; | |
} | |
/* 让链接在 hover 状态下显示下划线 */ | |
a:hover { | |
text-decoration:underline; | |
} | |
/* 清理浮动 */ | |
.fn-clear:after { | |
visibility:hidden; | |
display:block; | |
font-size:0; | |
content:" "; | |
clear:both; | |
height:0; | |
} | |
.fn-clear { | |
*zoom:1; /* for IE6 IE7 */ | |
} | |
/* 隐藏, 通常用来与 JS 配合 */ | |
.fn-hide { | |
display:none; | |
} | |
/* 设置内联, 减少浮动带来的bug */ | |
.fn-left,.fn-right { | |
display:inline; | |
} | |
.fn-left { | |
float:left; | |
} | |
.fn-right { | |
float:right; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment