Code前端首页关于Code前端联系我们

reset.css:每个浏览器的级联样式表重置样式库

terry 2年前 (2023-09-27) 阅读数 70 #数据结构与算法

复制以下代码并保存为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前端网发表,如需转载,请注明页面地址。

热门