CSS reset重置样式有那么重要吗?

CSS reset重置样式有那么重要吗?,第1张

概述在以前写html代码的时候,一般都会在head里添加重置样式reset.css,其内容如下: 但是最近在网上看了看网络文章,也感觉有些重置是没有用的。为什么呢? 重置的作用究竟是什么? CSS res

在以前写HTML代码的时候,一般都会在head里添加重置样式reset.CSS,其内容如下:

@charset "utf-8";@R_502_6832@,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,Font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fIEldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {    margin: 0;    padding:    border:    outline:    Font-size: 100%;    /*background: transparent;*/}table {    border-collapse:collapse;    border-spacing:0;}fIEldset,img {    border:0;}address,var {    Font-style:normal;    Font-weight:normal;}ol,ul { List-style:none; }caption,th { text-align:left; }h1,h6 {200%;:focus { outline: 0;}a{ text-decoration:none;}a:hover img{ border:a:active{noOutline:Expression(this.onFocus=this.blur());}清除浮动*/.clearfix:after {    content: ".";    display: block;    height:    clear: both;    visibility: hIDden;}.clearfix {display: inline-block;} HIDes from IE-mac \* @R_502_6832@ .clearfix { height: 1%;} block;} End hIDe from IE-mac */png CSS Hack for ie6*@R_502_6832@ img.png{    _background-image: Expression(this.runtimeStyle.backgroundImage = "none",this.runtimeStyle.filter = "progID:DXImagetransform.Microsoft.AlphaImageLoader(src='" + this.src + "',sizingMethod='image')",this.src = "http://i0.itc.cn/20101019/848_0a785a7b_1118_4825_85dc_e8696988c94b_0.gif");}

但是最近在网上看了看网络文章,也感觉有些重置是没有用的。为什么呢?

重置的作用究竟是什么?

CSS reset的作用是让各个浏览器的CSS样式有一个统一的基准,而这个基准更多的就是“清零”!

有时候看到别人网站站的一些重置是这样的:

*{ margin:0; padding:0; }

这样的写法是极不推荐的。

现在来看重置表发现:

1. div标签默认有margin值吗?有padding值吗?怎么会想到应用div{margin:0; padding:0;}属性呢?答案肯定没有。
2. dt标签有默认的margin与padding值就是0,什么还要使用呢?
3. li标签默认有margin值吗?有padding值吗?没有!
4. code标签是个属于inline水平的元素,居然也扯到margin与padding的重置,没有必要。
5. fIEldset,legend这两个90年代的标签你的网站上使用了吗?使用概率不足1%的标签也拿来重置,也没必要。

CSS真的重置也就那么几个常用的标签而已,你的页面一般都用到什么标签?

body,form{margin:  ol,ul{0;}

这样的CSS reset才是高效的,简洁的,其他一些标签都可以去掉的,没有必要。

当然CSS重置的优点,缺点都不说了,估计心里都非常有数的,还是要根据实际项目来。

后来主管给我推荐了一款替代reset.CSS重置的替代方案,那就是用normalize.CSS。在后面文章里把它的用法等再列出来。

总结

以上是内存溢出为你收集整理的CSS reset重置样式有那么重要吗?全部内容,希望文章能够帮你解决CSS reset重置样式有那么重要吗?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1015325.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-22
下一篇 2022-05-22

发表评论

登录后才能评论

评论列表(0条)

保存