手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >DIY属于个人开发使用的CSS Reset
DIY属于个人开发使用的CSS Reset
摘要:今天上网看了一些文章的介绍,也来整理一份reset,方便以后开发使用.参考EricMeyer,YUI,&shawphybody,div,dl...

今天上网看了一些文章的介绍,也来整理一份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;

}

【DIY属于个人开发使用的CSS Reset】相关文章:

17个有趣实用的CSS 3悬停效果教程

怎样成为顶尖的CSS设计师

css特效 一道闪光在图片上划过代码

IE对网页中引入CSS样式表的限制

区分IE6,IE7和firefox的CSS hack

CSS3属性box-shadow使用教程

三个很特别的CSS小技巧分享

jQuery 屏蔽单个元素使用户无法点击

Web前端开发者必知的9个实用CSS属性

如何改变网站模板调用的CSS文件换肤

精品推荐
分类导航