css样式重置


本文摘自PHP中文网,作者V,侵删。

对CSS重置的个人理解:

(推荐教程:css视频教程)

首先,我觉得像我一样对于理解概念无感,容易混淆的前端小白要清楚什么是css重置样式,就要弄清楚两个概念:CSS Reset以及css重置(其实概念很相近,但是还是有所区别的),不然傻傻只知道css样式要重置,知其然不知其所以然,这对于我这种对概念有点强迫症的人来说,不搞清楚实在是太痛苦了。(哈哈哈,闲话少说,进入正题)

就我自己的理解而言,对于css重置样式表可以分为下面3个问题:

(1)什么是CSS Reset ?要用到CSS Reset的原因是?

(2)为什么要重置CSS?

好啦,问题抛出了,我也该说说我自己的理解了:(1)CSS Reset简单来讲就是根据我们自己编写页面的需求重新设置css属性(废话,这个当然大家都知道!可是我重点想说的是css reset的原因耶~)css reset主要是因为html标签在浏览器中都有各自的默认样式,比如: p 标签有上下边距,strong标签有字体加粗样式,em标签有字体倾斜样式。不同浏览器的默认样式之间也会有差别,例如ul默认带有缩进的样式,在IE 下,它的缩进是通过margin实现的,而Firefox下,它的缩进是由padding实现的。在切换页面的时候,浏览器的默认样式往往会给我们带来麻 烦,影响开发效率。所以解决的方法就是一开始就将浏览器的默认样式全部去掉,更准确说就是通过重新定义标签样式。“覆盖”浏览器的CSS默认属性。最最简单的说法就是把浏览器提供的默认样式覆盖掉!这就是CSS reset。

(2)涉及到为什么要重置css,这点要从浏览器出发,因为不同的浏览器对于html标签的解释各不相同,重置css可以使得html标签在各个浏览器下产生相同的表现效果。

我觉得这个时候有必要贴出css重置的样式代码,不然说了半天的废话岂不是毫无用处?毕竟咬文嚼字不大适合我们嘛。

相关推荐:CSS教程

以上就是css样式重置的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

css实现文字竖排效果

::before有什么作用?::before与:before的区别是什么?

css的工作过程介绍(图文)

css border不显示怎么办

css上下间距怎么设置

html读取不了css样式怎么办

js如何控制css

css 如何显示部分图片

5款实用css 3d特效,让你的页面更惊艳!

css是干什么的

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...

    暂无评论...