CSS重置样式表_html/css_WEB-ITnose
程序员文章站
2022-05-03 23:30:10
...
一、为什么需要重置样式表
即使不写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)种重置样式表。
推荐阅读
-
浅谈JS对html标签的属性的干预以及对CSS样式表属性的干预
-
HTML&CSS基础学习笔记1.26-input重置表单
-
关于网页路径的疑惑_html/css_WEB-ITnose
-
Codeforces Round #156 (Div. 2)-A. Greg's Workout_html/css_WEB-ITnose
-
html 关于ul标签的_html/css_WEB-ITnose
-
background-size 设置背景图片的大小_html/css_WEB-ITnose
-
multiple backgrounds 多重背景_html/css_WEB-ITnose
-
建站新人_html/css_WEB-ITnose
-
折线图怎么做啊?急求!_html/css_WEB-ITnose
-
Codeforces Round #107 (Div. 2)-A. Soft Drinking_html/css_WEB-ITnose