您的位置:首页 > Web前端 > CSS

关于css默认样式reset笔记

2017-05-16 15:06 549 查看
每次写css前都需要需清除默认样式:

关于默认样式的一些margin,padding有多少?

body : margin:8px;

p : margin:8px 0;(设置了font-size浏览器[除火狐 IE])上下margin就是多少最小是12px,如果font-size<=12, margin:就是12px;font-size:0;也就清除了margin;

火狐 IE:font-size:值==margin:上下值

h1~h6:默认上下margin值

h1~h6:默认有上下margin

火狐 IE:h1:21px;h2:22px;h3:20px;h4:21px;h5:22px;h6:25px;

谷歌:h1:21.44px;h2:19.92px;h3:18.72px;h4:21.28px;h5:22.178px;h6:27.96px;

dl:默认上下16px;

(设置了font-size浏览器(除了火狐 IE)上下margin就是多少最小是12px,font-size比12小margin也是12px;

font-size:0;的话上下margin:0;)

dd:默认margin-left:40px;

ol,ul:同dl +padding-left:40px;

body, dl, dd, h1, h2, h3, h4, h5, h6, p, form{margin:0;} ol,li,ul{margin:0; padding:0;}
body {
line-height:1;
}

:focus {
outline: 1;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {
display:block;
}

nav ul {
list-style:none;
}

blockquote, q {
quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}

a {
margin:0;
padding:0;
border:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}

ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}

mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}

del {
text-decoration: line-through;
}

abbr[title], dfn[title] {
border-bottom:1px dotted #000;
cursor:help;
}

table {
border-collapse:collapse;
border-spacing:0;
}

hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}

input, select {
vertical-align:middle;
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  css