>웹 프론트엔드 >HTML 튜토리얼 >CSS重置样式表_html/css_WEB-ITnose

CSS重置样式表_html/css_WEB-ITnose

WBOY
WBOY원래의
2016-06-24 11:51:412262검색

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

即使不写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으로 문의하세요.