简化的CSS Reset — 常用CSS重设实例(2)
作者:ximicc 来源:ximicc博客 时间:2009-03-11 16:46:00
浓缩实用型CSS Reset(重设)
* {
vertical-align: baseline;
font-weight: inherit;
font-family: inherit;
font-style: inherit;
font-size: 100%;
outline: 0;
padding: 0;
margin: 0;
border: 0;
}
该CSS重设方法出自Perishable Press,这是他常用的方法。
Poor Man 的 CSS Reset
html, body {
padding: 0;
margin: 0;
}
html {
font-size:1em;
}
body {
font-size:100%;
}
a img, :link img, :visited img {
border:0px;
}
这个重设方法将html和body下元素的padding和margin都设为0,并分别为html标签和body标签下的所有元素设置了初始的字体大小,最重要的是把有链接的图片的默认边框去掉了。
Siolon 的 Global CSS Reset
* {
vertical-align: baseline;
font-family: inherit;
fo
nt-style: inherit;
font-size: 100%;
border: none;
padding: 0;
margin: 0;
}
body {
padding: 5px;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, ul, ol, dl {
margin: 20px 0;
}
li, dd, blockquote {
margin-left: 40px;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
Shaun Inman 的 Global Reset
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table, th, td, embed, object {
padding: 0;
margin: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset, img, abbr {
border: 0;
}
address, caption, cite, code, dfn, em,
h1, h2, h3, h4, h5, h6, strong, th, var {
font-weight: normal;
font-style: normal;
}
ul {
list-style: none;
}
caption, th {
text-align: left;
}
h1, h2, h3, h4, h5, h6 {
font-size: 1.0em;
}
q:before, q:after {
content: ”;
}
a, ins {
text-decoration: none;
}
标签:实例,样式,css,语义化,reset
0
投稿
猜你喜欢
SQL Server 2005常见问题浅析
2009-03-16 14:06:00
CSS 几条经典的 CSS Tips
2008-08-20 18:40:00
心理模型
2009-05-17 13:45:00
创建数据表/创建列的一些asp函数
2008-06-24 12:21:00
如何防止页面中的敏感信息被提取
2008-05-04 11:59:00
oracle 更改数据库名的方法
2009-10-24 18:20:00
异步加载Google Adsense 更新到Wordpress 2.62
2008-09-11 13:09:00
ASP程序种如何调用DLL文件
2008-01-15 19:12:00
ASP编码问题的深入研究与解决方案(MSDN)
2007-10-25 11:54:00
微软建议的ASP性能优化28条守则(2)
2008-02-22 17:02:00
15个滑动门效果CSS导航菜单实例教程
2010-02-20 13:02:00
百度首席设计师 用户体验部总监郭宇演讲
2008-09-03 12:41:00
动态生成的IFRAME设置SRC时的,不同位置带来的影响
2008-03-06 13:56:00
asp如何正确显示数据库里同时存在的GB码和BIG5编码?
2010-06-28 18:26:00
aspjpeg 添加水印教程及生成缩略图教程
2011-04-04 11:04:00
创建IE各版本专属CSS方法
2007-09-27 12:16:00
百度的图片轮换JS代码,支持FF
2007-11-16 16:24:00
无序列表 li ul
2008-07-29 13:00:00
全文译稿 Windows Internet Explorer 8 性能优化白皮书
2010-04-23 20:13:00
什么是SVG(可升级矢量图形)
2008-05-06 12:37:00