reset.css:每个浏览器的级联样式表重置样式库
复制以下代码并保存为reset.css。
/*
KISSY CSS Reset
理念:清除与重置密不可分
特点:1.适配中文 2.基于最新主流浏览器:Yu(❝维护)lifesinger @gmail.com), 正淳 (rage Carrier@gmail.com)
*/
/* 清除内外边距*/
body, h1, h2, h3, h4, h5, h6, hr , p, block quote, /* 结构元素 结构元素*/
dl, dt, dd, ul, ol, li, /* 列表元素 列表元素*/
pre, /* 文本格式化元素 文本格式化元素* /
fieldset, longend, button, input, textarea, /* 表单元素 form elements*/
th, td { /* 表格元素 表格元素*/
margin: 0;
padding: 0 ;
}
/* 设置默认字体 */
body,
button, input, select, textarea { /* 例如*/
/*字体: 12px/1 Tahoma, Helvetica , Arial, "宋体", sans-serif;*/
字体: 12px/1 Tahoma, Helvetica , Arial, "5b8b4f53", sans-serif; /* 用ascii字符表示,所以任何编码都没有问题 */
}
h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
h2 { 字体大小:16px; }
h3 { 字体大小:14px; }
h4, h5, h6 {字体大小: 100%; }
地址、引用、dfn、em、var { 字体样式:正常; } /* 正确的斜体*/
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, 等宽字体; } /* 统一等宽字体*/
small { font-size: 12px; } /* 中文小于 12px 难以阅读,归一化小 */
/* 重置列表项 */
ul, ol { list-style: none; }
/* 重置文本格式化元素 */
a { text-decoration: none; }
a:悬停{ 文本装饰:下划线; }
abbr[title], acronym[title] { /* 注意:1.ie6不支持abbr; 2.这里使用了属性选择器,但在ie6下没有效果*/
border-bottom: 1px dotted;
cursor: help;
}
q:before, q:after {内容:''; }
/* 重置表单元素*/
legend { color: #000; } /* 对于 ie6 */
fieldset, img { border: none; /* imgride: 将img留在链接无边框*/
/*注意:optgroup无法固定*/
按钮、输入、选择、文本区域{
font-size: 100%; /* 允许表单元素继承 IE 下的字体大小* /
}
/* 重置表格元素*/
table {
border-collapse:collapse;
border-spacing: 0;
}
/* 重置 hr */
hr {
border: none;
height: 1px;
}
/* 也让非 IE 浏览器显示垂直滚动默认浏览器栏,防止滚动条引起的闪烁 */
html {overflow-y:scroll; }
版权声明
本文仅代表作者观点,不代表Code前端网立场。
本文系作者Code前端网发表,如需转载,请注明页面地址。
code前端网