当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > DIY属于个人开发使用的CSS Reset

CSS样式表
css对边框的属性控制和链接的伪类选择器
css对于颜色和文本属性的控制
HTML和CSS的关键:盒子模型(Box model)
CSS网页布局全精通
css教程:css指令,兼容,注释,selector
DIV+CSS网页布局的基础知识整理
门户网站构建CSS框架的规则
8个优秀的CSS实现数据图表的应用实例
CSS3 有关的问题
css实用技巧及必须得注意的事项
CSS在网页放置注意的两个问题
学习CSS值得去的几个英文网站
IE与FF不兼容网页布局CSS问题
CSS教程:完美的绝对底部
CSS样式表渐进增强的应用
CSS3五个技巧给你的网站带来出色的效果
CSS实例:CSS的10个方法和技巧
相对完美的CSS绝对底部
CSS3中的5个有趣的新技术
Webjx收集的30个CSS导航及菜单教程

CSS样式表 中的 DIY属于个人开发使用的CSS Reset


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-11   浏览: 96 ::
收藏到网摘: n/a

今天上网看了一些文章的介绍,也来整理一份reset,方便以后开发使用.
参考Eric Meyer,YUI,&shawphy

代码如下:

body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button,textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
fieldset, img {
    border: 0;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
address, caption, cite, code, dfn,
em, strong, th, var, optgroup {
    font-style: normal;
    font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
   font-weight: normal;
}
abbr, acronym {
    border: 0;
    font-variant: normal;
}
input, button, textarea,
select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
   font-weight: inherit; }
code, kbd, samp, tt {
    font-size: 100%;
}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {
    *font-size: 100%;
}
body {
    line-height: 1.5;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption, th {
    text-align: left;
}
sup, sub {
    font-size: 100%;
    vertical-align: baseline;
}
/* remember to highlight anchors and inserts somehow! */
:link, :visited , ins {
    text-decoration: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}