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

CSS重置样式表_html/css_WEB-ITnose

WBOY
發布: 2016-06-24 11:51:41
原創
2261 人瀏覽過

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

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板