189 8069 5689

css重置样式,css重置样式表的作用

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

是的;

创新互联坚持“要么做到,要么别承诺”的工作理念,服务领域包括:成都做网站、网站制作、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的龙游网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!

因为各个浏览器都自带默认样式,而且默认样式还不一样。这样在写css的时候,你会发现,很难兼容所有浏览器。

有些浏览器自带padding值margin值。

比较简单的重置css样式技巧

html{color:#000;background:#FFF;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400;}

li{list-style:none;}

caption,th{text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;}

q:before,q:after{content:'';}

abbr,acronym{border:0;font-variant:normal;}

sup{vertical-align:text-top;}

sub{vertical-align:text-bottom;}

input,textarea,select{font-family:inherit;font-weight:inherit;font-size:100%;}

legend{color:#000;}

//Yahoo css reset 3.0版本

这是我使用了四年的CSS Reset,你可以适当的根据自己的项目添加一些自己的.

希望能够采纳 .^_^.

什么是CSS reset?

每个浏览器都有一些自带的或者共有的默认样式,会造成一些布局上的困扰,css reset的作用就是重置这些默认样式,使样式表现一致,比如 *{margin:0;padding:0}就是一个最简单的css reset

CSS 如何恢复到默认样式?

浏览器默认没有样式的,你在加了全局样式后如果个别地方需要单独样式可单独设置,例如:

body

{margin:0

auto;padding:0;}

.a

{margin:5px;padding:0

10px;}

body

div

class="a"这里是内容/div

这里的a就是局部样式的定义了。


文章名称:css重置样式,css重置样式表的作用
网站链接:http://cdxtjz.cn/article/dscopcd.html

其他资讯