189 8069 5689
本文向大家描述一下CSS Reset的使用，CSS Reset即重设浏览器的样式，但并不是所有的浏览器都使用一样的数值，所以，有了CSS Reset，以让网页的样式在各浏览器中表现一致。
创新互联建站专注为客户提供全方位的互联网综合服务，包含不限于网站制作、成都做网站、凤城网络推广、微信小程序定制开发、凤城网络营销、凤城企业策划、凤城品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；创新互联建站为所有大学生创业者提供凤城建站搭建服务，24小时服务热线：18980820575，官方网址：www.cdcxhl.com
CSS Reset
CSS Reset即重设浏览器的样式。在各种浏览器中，都会对CSS的选择器默认一些数值，譬如当h1没有被设置数值时，显示一定大小。但并不是所有的浏览器都使用一样的数值，所以，有了CSS Reset，以让网页的样式在各浏览器中表现一致。
正在使用CSS的你，用过CSS Reset吗？当然，或许你用了，却不知道正在用，比如你可能用到：
viewsourceprint?
- 1*{
- 2padding:0;
- 3margin:0;
- 4border:0;
- 5}
这也是一种CSS Reset的方法，让所有的选择器的padding、margin和border都设置成0。这是一种强大的方法，也是最简单，最安全的方法，不过，也是最占用资源的方法。对于小型的网站来说，用这个并不会带来大的资源浪费，但如果是像Yahoo这种架构非常大的网站，刚需要有选择地进行CSS Reset，以减少资源浪费。下面是Yahoo的CSS Reset代码，也是受最多人喜爱的CSS Reset方法，YUI选择的方法是：
viewsourceprint?
- 01body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
- 02form,fieldset,input,textarea,p,blockquote,th,td{
- 03padding:0;
- 04margin:0;
- 05}
- 06
- 07table
- 08{
- 09border-collapse:collapse;
- 10border-spacing:0;
- 11}
- 12
- 13fieldset,img
- 14{
- 15border:0;
- 16}
- 17
- 18address,caption,cite,code,dfn,em,strong,th,var
- 19{
- 20font-weight:normal;
- 21font-style:normal;
- 22}
- 23
- 24ol,ul
- 25{
- 26list-style:none;
- 27}
- 28
- 29caption,th
- 30{
- 31text-align:left;
- 32}
- 33
- 34h1,h2,h3,h4,h5,h6
- 35{
- 36font-weight:normal;
- 37font-size:100%;
- 38}
- 39
- 40q:before,q:after
- 41{
- 42content:'';
- 43}
- 44
- 45abbr,acronym
- 46{
- 47border:0;
- 48}
OK，相信你也已经了解了CSS Reset的目的，或许你也可以根据自己的喜好，写一个自己的CSS Reset系统，毕竟大家的需求和习惯的不同的。
【编辑推荐】