美文网首页那些年 程序员的样子
reset格杀勿论 片甲不留 normalize 道法自然 去伪

reset格杀勿论 片甲不留 normalize 道法自然 去伪

作者: bo_bo_bo_la | 来源:发表于2017-08-18 20:30 被阅读24次

    一、reset.css

         1.1、reset.css的由来

                 在这个色彩缤纷的大HTML中,存在着形形色色的标签,如P标签,典型的大地主,所占的位置比平常标签多了16pxmargin,再如ul标签,身上总是佩戴着一个个小珍珠,又或者是我们的body,富二代嘛,一出生就默认的有8px的margin……然而在这个不患贫而患不均的时代,怎么能允许这等贫富差距的出现。所以大众标签士揭竿起义,研究出来一套CSS样式,在这种样式下,实现标签平等。

          1.2、reset.css的格式

                 常见到的,通配选择器的使用。* {padding:0;margin:0},但这种性能较低,太过于笼统,而且不精细,所以不建议使用。一般写法body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td {padding: 0;margin: 0;},利用群组选择器进行HTML格式的重置。

          1.3、reset.css使用原因

                 这就好比为什么要制定宪法一样嘛,便于管理,毕竟在现在信息化盛行的社会里,疙瘩浏览器并存,并且各自由各自的小性格,导致我们所写的代码不能符合所有浏览器的口味,所以为了兼容,我们就要让所有标签,不管是平民还是地主,全部过滤格式化管理。

    二、reset.css 与 normalize.css的区别

                 技术总是在更新,�尽管reset.css为我们提供了很多的帮助,但是因噎废食仿佛使部分标签不太满意。毕竟那些当”官“的标签并不都是”贪官“,也有好的不是,而reset.css格杀勿论,一个不留优点过于严厉。这时候normalize.css就凸显出来,它的宗旨类似于劫富济贫,只”杀贪官“,保留那些”好官“的权利,为普通标签谋福利。不仅如此,normalize.css作为大HTML的一份子,不但保护有用的浏览器默认样式而不是完全去掉它们,而且修复浏览器自身的bug并保证各浏览器的一致性,使我们制造出来的代码适用于各大浏览器。

    三、拓展--网页标准制定

    网页的标准制定,是的web发展的更健康,提高网站的易用性。

    1、开发者遵循统一的标准,降低了开发难度和开发成本。

    2、SEO优化网页也会更加方便,不hi因为滥用代码出现各种bug和安全问题。

    相关文章

      网友评论

        本文标题:reset格杀勿论 片甲不留 normalize 道法自然 去伪

        本文链接:https://www.haomeiwen.com/subject/iaaarxtx.html