Css Reset(复位)方法整理第2/3页
更新时间：2008年09月12日 10:27:14 作者：
Css Reset是什么? 有些同行叫 "css复位",有些可能叫 "默认css".....
Poor Man's Reset
其实这也是我们常用的一类Css Reset.对字体的大小复位,以及图片链接的边框处理.
也经常在某些站点看到
复制代码 代码如下:
html, body {
padding: 0;
margin: 0;
}
html {
font-size: 1em;
}
body {
font-size: 100%;
}
a img, :link img, :visited img {
border: 0;
}
Shaun Inman's Global Reset
作者认为Shaun写这类的Css Reset是有某种目的性.
而且这类规则是针对的是某些重要的常用浏览器.
比如ie,firefox等
复制代码 代码如下:
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;
}
Yahoo CSS Reset
yahoo这帮家伙写的Reset个人觉得可以推荐
复制代码 代码如下:
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,
fieldset,input,textarea,p,blockquote,th,td {
padding: 0;
margin: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset,img {
border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-weight: normal;
font-style: normal;
}
ol,ul {
list-style: none;
}
caption,th {
text-align: left;
}
h1,h2,h3,h4,h5,h6 {
font-weight: normal;
font-size: 100%;
}
q:before,q:after {
content:'';
}
abbr,acronym { border: 0;
}
相关文章
内容再丰富的网站，如果慢到无法访问也是毫无意义的； SEO做的再好的网站，如果搜索蜘蛛抓不到也是白搭； UE设计的再人性化的网站，如果用户连看都看不到也是空谈。2008-09-09
现在发现有些人的css写得很乱 从上到下,那些标记只有他自己看得懂,css在哪里,2008-07-07
CSS计数器是一个强大但经常被忽视的工具,它们允许开发者创建和管理计数器,这些计数器可以在文档中自动递增,非常适合用于编号章节、列表项或其他文档元素,它们具有强大的浏览器支持2025-02-02![[转]Accesskey引起的一点点思考](//img.jbzj.com/images/xgimg/bcimg3.png)
[转]Accesskey引起的一点点思考...2007-02-02
公司大部分的项目都是基于BS结构，UI设计阶段做WEB原型页面时要把各种交互效果实现出来，与真正的后台编程不同，就用JS前台编程来实现，让程序员编程前知道要做成什么样的效果就行了。2008-09-09
今天制作div下的li分两列显示发现，两边的边框无法完全显示，或显示断断续续的，或者拖动滚动条就出现边框的显示问题2008-05-05
为方便站点哀悼，特提供素装代码，以表哀悼。以下为全站CSS代码。2008-05-05
tbody Tab选项卡效果代码关键只是在<tbody>和选项卡的设置上。我在6个<tr></tr>段分别设置了<tbody></tbody>，目的是为了让一个javascript程序调用6个选项卡的时候可以循环设置tBodies属性。调用的时候是采用了遍历：将6个tBodies先全部都初始化为display='none'，然后紧接着将tBodies[n]设置为display='block'，将这一个tBodies显示出来。2008-03-03
如何处理多国语言...2006-11-11
文章内容页广告浮于左上角的解决办法...2007-03-03
![[转]Accesskey引起的一点点思考](http://img.jbzj.com/images/xgimg/bcimg3.png)
最新评论