三种CSS 全局Reset 方案
2016-09-20 14:22
253 查看
html, body, div, span,applet, object, iframe, table, caption,
tbody, tfoot, thead, tr,th, td, del, dfn, em, font, img, ins,
kbd, q, s, samp, small,strike, strong, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6,p, blockquote, pre, a, abbr,
acronym, address, big,cite, code, dl, dt, dd, ol, ul, li,
fieldset, form, label,legend {
vertical-align: baselinebaseline;
font-family: inherit;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
outline: 0;
padding: 0;
margin: 0;
border: 0;
}
:focus {
outline: 0;
}
body {
background: white;
line-height: 1;
color: black;
}
ol, ul {
list-style: none;
}
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
blockquote:before,blockquote:after, q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
方案2:Yahoo’s(YUI) CSS 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;
}
方案3
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code
, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline;
outline:none;
}
html{
height:101%;/* 总是显示滚动条 */
}
body{
font-size:62.5%;
line-height:1;
font-family:Arial, Tahoma, Verdana, sans-serif;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
display:block;
}
img{
border:0;
max-width:100%;
}
a{
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
ol, ul{
list-style:none;
}
blockquote, q{
quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after{
content:"";
content:none;
}
strong{
font-weight:bold;
}
input{
outline:none;
}
table{
border-collapse:collapse;
border-spacing:0;
}
相关文章推荐
- 三种CSS 全局Reset 方案
- 右边定宽,左边自适应css布局总结(三种方案)
- 三种方案避免CSS语法与Smarty冲突
- CSS清除浮动的三种方法
- node解决异步问题三种方案
- 基于JavaScript 声明全局变量的三种方式详解
- 超级实用的CSS布局方案之水平垂直居中
- ajax异步上传图片三种方案
- SQL Server 存储过程的分页的三种方案
- 全局变量管理方案
- reset.css
- CSS Reset 自己整理
- 在HTML中使用CSS美化网页的三种方法
- Html-Css-iframe的自适应高度方案
- CSS三种样式
- SQL后台分页三种方案和分析
- 三种CSS方法实现loadingh点点点的效果
- 第五篇 CSS入门 明白 三种嵌套形式,三种常用控制器
- myreset.css
- 一个全局的css global.css