关于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;
关于默认样式的一些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; }
相关文章推荐
- 关于Asp.net2.0下Div+Css布局页面样式实效的解决方法
- 关于Asp.net2.0下Div+Css布局页面样式实效的解决方法
- div+css关于边框样式的定义
- [ CSS ] 浏览器默认样式!
- 清除所有默认样式的CSS代码
- 如何用自己的CSS替换掉Blog默认的样式(作者:雪峰)
- css中关于table样式的相关设置
- HTML与浏览器默认样式整理(CSS布局参考资料)
- 清除所有默认样式的CSS代码
- 使用Normalize.css重置默认样式
- 如何用自己的CSS替换掉Blog默认的样式
- 如何通过CSS去除表格默认样式的间距
- 没人性的js / 重置浏览器默认样式/虚线/css引用/空格/页面边距/rails tag/字体
- 一点关于CSS中样式继承的问题
- 使用CSS去除表格默认样式的间距
- 如何用自己的CSS替换掉Blog默认的样式(作者:雪峰)
- 菜鸟CSSer之-重置浏览器默认样式
- 详解CSS网页布局中默认字体样式
- flex库项目用default.css定义默认样式
- 关于样式重置reset.css