yui reset.css 2.9.0 全注释版

最新推荐文章于 2021-06-11 15:13:02 发布

转载最新推荐文章于 2021-06-11 15:13:02 发布 · 2.3k 阅读

文章标签：

#yui #button #border #input #yahoo #浏览器

css 专栏收录该内容

40 篇文章

订阅专栏

本文详细介绍了Yahoo! UI Library中CSS重置样式的具体实现方式，包括如何清除浏览器默认样式、统一元素外观表现及确保网页在不同浏览器中的一致性展现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/*
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.9.0
*/
/*设定html文档的前景色和背景色*/
html {
	color:#000;
	background:#FFF;
}
/*所有的内外边距设为0，因为浏览器默认有margin和padding且不尽相同，一般做法是用*选择器选择所有的元素*{margin:0;padding:0;}，但是因为要渲染所有的元素所以建议还是用下面的*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td {
	margin:0;
	padding:0;
}
/*表格边框会合并为一个单一的边框*/
table {
	border-collapse:collapse;
	border-spacing:0;
}
/*表单分组和图片边框为0*/
fieldset,img {
	border:0;
}
/*所有字体继承*/
address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var {
	font:inherit;
}
/*删除线和下划线去除*/
del,ins {
	text-decoration:none;
}
/*去掉列表符号*/
li {
	list-style:none;
}
/*默认为居中显示，改为居左*/
caption,th {
	text-align:left;
}
/*改成一般的字体样式*/
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
/*给引用加上引号*/
q:before,q:after {
	content:'';
}
/*:<abbr>表示简称，<acronym>仅仅代表首字母缩写，所以<abbr>的语义范围更大，使用时，完整的词写在title属性中，例子：<abbr title="PageRank">PR</abbr>*/
abbr,acronym {
	border:0;
	font-variant:normal;
}
/*表单分组标题文字黑色*/
legend {
	color:#000;
}
/*使上标下标的基线同父元素的基线对齐*/
sup,sub {
	vertical-align:baseline;
}

压缩版下载

http://yui.yahooapis.com/2.9.0/build/reset/reset-min.css