css重置代码
2011-09-07 14:21
357 查看
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,th,td,p,pre,
form,input,textarea,fieldset,blockquote{
padding: 0;
margin: 0;
}
table {
border-collapse: collapse; /*table默认上下两格重叠添加,该属性避免重叠添加*/
border-spacing: 0; /*table默认格与格之间有空隙,该属性是去掉空隙*/
}
ol,ul {
list-style:none;
}
fieldset,img,abbr,acronym{
border:0;
}
q:before,q:after {
content:”;
}
/*字体相关*/
address,caption,cite,code,dfn,em,strong,th,var {
font-weight: normal; /*strong,th等属性默认的加粗,该属性是去掉默认加粗*/
font-style: normal; /*adress,cite,dfn,em,var等属性默认的倾斜,该属性是去掉默认倾斜*/
}
h1,h2,h3,h4,h5,h6 {
font-weight: normal;
font-size: 100%; /*这两个属性让标题标签样式达到一致*/
}
/*字体相关*/
/*清除浮动*/
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden
}
.clearfix{
*+height:1%;
}
/*清除浮动*/
这是自己常用的css重置代码,写上来希望提点意见...........
form,input,textarea,fieldset,blockquote{
padding: 0;
margin: 0;
}
table {
border-collapse: collapse; /*table默认上下两格重叠添加,该属性避免重叠添加*/
border-spacing: 0; /*table默认格与格之间有空隙,该属性是去掉空隙*/
}
ol,ul {
list-style:none;
}
fieldset,img,abbr,acronym{
border:0;
}
q:before,q:after {
content:”;
}
/*字体相关*/
address,caption,cite,code,dfn,em,strong,th,var {
font-weight: normal; /*strong,th等属性默认的加粗,该属性是去掉默认加粗*/
font-style: normal; /*adress,cite,dfn,em,var等属性默认的倾斜,该属性是去掉默认倾斜*/
}
h1,h2,h3,h4,h5,h6 {
font-weight: normal;
font-size: 100%; /*这两个属性让标题标签样式达到一致*/
}
/*字体相关*/
/*清除浮动*/
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden
}
.clearfix{
*+height:1%;
}
/*清除浮动*/
这是自己常用的css重置代码,写上来希望提点意见...........
相关文章推荐
- 系统用的重置样式( zteict_reset.css )代码片段
- css 浏览器兼容 重置代码
- yahoo的css重置代码
- css 重置代码
- CSS 全局重置代码
- 发个自己的CSS重置基础代码
- CSS初始化代码,重置浏览器中CSS默认属性(2)
- 重置CSS默认样式代码(常用)
- CSS重置代码
- CSS常用重置代码
- 使用css创建三角形 使用CSS3创建3d四面体原理及代码(html5实践)
- 一波CSS的Checkbox复选框样式代码分享
- 如何用js控制css中的float的代码
- JavaScript经典代码【一】【DIV+CSS解决IE6,IE7,IE8,FF兼容问题】
- 创建漂亮的 CSS 按钮的 10 个代码片段
- CSS规范 - 代码格式--(来自网易)
- opacity--css + javascript兼容性代码
- 简单的css实现二级导航(无插件、几十行代码)
- src或者css背景图的url值为base64编码代码