YUI RESET CSS && YUI FONT CSS

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

weixin_34409357

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

阅读量113

点赞数

文章标签： python

原文链接：https://my.oschina.net/ajian2014/blog/290191

版权

2019独角兽企业重金招聘Python工程师标准>>>

When CSS Reset is included in a page, it removes the browser-provided styling for HTML elements.

CSS Reset能够消除浏览器所提供的默认的HTML样式，重设浏览器的样式。在各种浏览器中，都会对CSS的选择器默认一些数值，譬如当h1没有被设置数值时，显示一定大小。但并不是所有的浏览器都使用一样的数值，所以，有了CSS Reset，以让网页的样式在各浏览器中表现一致。

正在使用CSS的你，用过CSS Reset吗？当然，或许你用了，却不知道正在用，比如你可能用到：

* { 
    padding: 0; 
    margin: 0; 
    border: 0; 
}

这也是一种CSS Reset的方法，让所有的选择器的padding、margin和border都设置成0。这是一种强大的方法，也是最简单，最安全的方法，不过，也是最占用资源的方法。对于小型的网站来说，用这个并不会带来大的资源浪费，但如果是像Yahoo这种架构非常大的网站，则需要有选择地进行CSS重设，以减少资源浪费。

下面是Yahoo的CSS重设代码，也是受最多人喜爱的CSS Reset方法，YUI选择的方法是：

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre, 
form,fieldset,input,textarea,p,blockquote,th,td { 
	padding: 0; 
	margin: 0; 
} 
table 
{ 
	border-collapse: collapse; 
	border-spacing: 0; 
} 
fieldset,img 
{ 
	border: 0; 
} 
address,caption,cite,code,dfn,em,strong,th,var 
{ 
	font-weight: normal; 
	font-style: normal; 
} 
ol,ul 
{ 
	list-style: none; 
} 
caption,th 
{ 
	text-align: left; 
} 
h1,h2,h3,h4,h5,h6 
{ 
	font-weight: normal; 
	font-size: 100%; 
} 
q:before,q:after 
{ 
	content:''; 
} 
abbr,acronym 
{ 
	border: 0; 
}

OK，相信你也已经了解了CSS重设的目的，或许你也可以根据自己的喜好，写一个自己的CSS重设系统，毕竟大家的需求和习惯的不同的。

转载于:https://my.oschina.net/ajian2014/blog/290191