首页 >web前端 >html教程 >CSS重置样式表_html/css_WEB-ITnose

CSS重置样式表_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 11:51:412260浏览

一、为什么需要重置样式表

即使不写CSS样式,HTML标签在浏览器中也有样式,这些样式来自浏览器本身。但问题是,不同浏览器默认样式可能不同。CSS重置样式表就是为了解决这个问题。


二、常用的重置样式表

(1)简单暴力型

只有一行:

*{margin:0; padding:0;}
通配符"*"匹配了所有的标签,通常认为性能不好。


(2)归零型

(几乎)全部将标签样式清零。如YUI(http://yuilibrary.com/)的重置样式表。


(3)保留基础样式型

并不是将所有标签的默认样式清除,而是在统一各浏览器样式的基础上保留标签本来的样式。如:normalize.css (https://github.com/necolas/normalize.css/)


(4)自定义型

自定义重置样式应该是最好的,用到哪些标签就重置哪些标签的样式。但我们并不清楚项目移植后或多人合作时别人会用哪些标签,所以为了方便起见,一般还是使用第(2)或第(3)种重置样式表。

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn