• 技术文章 >web前端 >css教程

    css样式重置

    VV2020-10-23 15:51:49转载487

    对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样式重置的详细内容,更多请关注php中文网其它相关文章!

    声明:本文转载于:csdn,如有侵犯,请联系admin@php.cn删除
    专题推荐:css 样式
    上一篇:如何利用css改变input光标颜色 下一篇:css给图片添加水印
    线上培训班

    相关文章推荐

    • CSS的三种样式形式?• 书写CSS样式有哪三种方式• python如何设置曲线样式• 分享三款美观的html按钮样式

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网