Heim  >  Artikel  >  Web-Frontend  >  CSS重置样式表_html/css_WEB-ITnose

CSS重置样式表_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:51:412234Durchsuche

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

即使不写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)种重置样式表。

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn