技术分享 调用CSS Reset重设浏览器样式

本文向大家描述一下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. 1*{  
    2.   
  
  
  2.  
    3.   
  
  
  3. 2padding:0;  
    4.   
  
  
  4.  
    5.   
  
  
  5. 3margin:0;  
    6.   
  
  
  6.  
    7.   
  
  
  7. 4border:0;  
    8.   
  
  
  8.  
    9.   
  
  
  9. 5}  
    10.

这也是一种CSS Reset的方法，让所有的选择器的padding、margin和border都设置成0。这是一种强大的方法，也是最简单，最安全的方法，不过，也是最占用资源的方法。对于小型的网站来说，用这个并不会带来大的资源浪费，但如果是像Yahoo这种架构非常大的网站，刚需要有选择地进行CSS Reset，以减少资源浪费。下面是Yahoo的CSS Reset代码，也是受最多人喜爱的CSS Reset方法，YUI选择的方法是：

viewsourceprint?

 
 
 
      
  
  
  1. 01body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,  
    2.   
  
  
  2.  
    3.   
  
  
  3. 02form,fieldset,input,textarea,p,blockquote,th,td{  
    4.   
  
  
  4.  
    5.   
  
  
  5. 03padding:0;   
    6.   
  
  
  6. 04margin:0;
    7.   
  
  
  7.  
    8.   
  
  
  8. 05}   
    9.   
  
  
  9. 06   
    10.   
  
  
  10. 07table   
    11.   
  
  
  11. 08{  
    12.   
  
  
  12.  
    13.   
  
  
  13. 09border-collapse:collapse;  
    14.   
  
  
  14.  
    15.   
  
  
  15. 10border-spacing:0;  
    16.   
  
  
  16. 11}   
    17.   
  
  
  17. 12   
    18.   
  
  
  18. 13fieldset,img   
    19.   
  
  
  19. 14{   
    20.   
  
  
  20. 15border:0;   
    21.   
  
  
  21. 16}   
    22.   
  
  
  22. 17   
    23.   
  
  
  23. 18address,caption,cite,code,dfn,em,strong,th,var  
    24.   
  
  
  24.  
    25.   
  
  
  25. 19{   
    26.   
  
  
  26. 20font-weight:normal;  
    27.   
  
  
  27.  
    28.   
  
  
  28. 21font-style:normal;  
    29.   
  
  
  29.  
    30.   
  
  
  30. 22}   
    31.   
  
  
  31. 23   
    32.   
  
  
  32. 24ol,ul   
    33.   
  
  
  33. 25{  
    34.   
  
  
  34.  
    35.   
  
  
  35. 26list-style:none;  
    36.   
  
  
  36.  
    37.   
  
  
  37. 27}   
    38.   
  
  
  38. 28   
    39.   
  
  
  39. 29caption,th   
    40.   
  
  
  40. 30{   
    41.   
  
  
  41. 31text-align:left;   
    42.   
  
  
  42. 32}   
    43.   
  
  
  43. 33   
    44.   
  
  
  44. 34h1,h2,h3,h4,h5,h6  
    45.   
  
  
  45.  
    46.   
  
  
  46. 35{   
    47.   
  
  
  47. 36font-weight:normal;  
    48.   
  
  
  48.  
    49.   
  
  
  49. 37font-size:100%;  
    50.   
  
  
  50.  38}   
    51.   
  
  
  51. 39   
    52.   
  
  
  52. 40q:before,q:after  
    53.   
  
  
  53. 41{  
    54.   
  
  
  54.  
    55.   
  
  
  55. 42content:'';   
    56.   
  
  
  56. 43}   
    57.   
  
  
  57. 44   
    58.   
  
  
  58. 45abbr,acronym   
    59.   
  
  
  59. 46{   
    60.   
  
  
  60. 47border:0;  
    61.   
  
  
  61. 48} 
    62.

OK，相信你也已经了解了CSS Reset的目的，或许你也可以根据自己的喜好，写一个自己的CSS Reset系统，毕竟大家的需求和习惯的不同的。

【编辑推荐】

  1. 主流浏览器CSS Reset的方法
  2. 八个困扰新手的DIV CSS网页布局问题
  3. 全面解析CSS优先级规则
  4. 专家推荐 10款优秀CSS框架
  5. 实例解析清除CSS float浮动的三种方法

当前文章：技术分享 调用CSS Reset重设浏览器样式
网站路径：http://www.shufengxianlan.com/qtweb/news2/301502.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

电子商务知识

各行业网站

定制网站　　 　成都商城网站建设　　 　网站制作公司　　 　成都托管服务器　　 　移动服务器托管　　 　南充服务器托管　　 　定制网站建设　　 　成都h5网站建设　　 　广安网站设计　　 　seo优化排名　　 　led背发光字　　 　成都网站建设　　 　光华村机房　　 　成都企业网站设计　　 　成都网站设计公司　　 　阿坝网站设计　　 　成都温江机房　　 　温江服务器托管　　 　成都网站建设　　 　自动门