码迷,mamicode.com
首页 > Web开发 > 详细

入门级前端菜鸟清除默认浏览器CSS样式

时间:2017-11-06 19:02:28      阅读:159      评论:0      收藏:0      [点我收藏+]

标签:设置   one   ble   nts   add   ext   字体大小   12px   1.5   

/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td /* table elements 表格元素 */ {
margin: 0;
padding: 0;
}
/** 设置默认字体 **/
body,
button, input, select, textarea /* for ie */ {
font: 14px/1.5 tahoma,;
}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;}


small { font-size: 12px; } /* 小于 12px 的中文很难阅读, 让 small 正常化 */
/** 重置列表元素 **/
ul, ol { list-style: none; }
/** 重置文本格式元素 **/
a { text-decoration: none; }
a:hover { text-decoration: underline; }
sup { vertical-align: text-top; } /* 重置, 减少对行高的影响 */
sub { vertical-align: text-bottom; }
/** 重置表单元素 **/
legend { color: #000; } /* for ie6 */
fieldset, img { border: 0; } /* img 搭车:让链接里的 img 无边框 */
button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */
/* 注:optgroup 无法扶正 */
/** 重置表格元素 **/
table { border-collapse: collapse; border-spacing: 0; }
/* 重置 HTML5 元素 */

入门级前端菜鸟清除默认浏览器CSS样式

标签:设置   one   ble   nts   add   ext   字体大小   12px   1.5   

原文地址:http://www.cnblogs.com/luoposhusheng-/p/7794420.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!