日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
技術(shù)分享 調(diào)用CSS Reset重設(shè)瀏覽器樣式

本文向大家描述一下CSS Reset的使用，CSS Reset即重設(shè)瀏覽器的樣式，但并不是所有的瀏覽器都使用一樣的數(shù)值，所以，有了CSS Reset，以讓網(wǎng)頁的樣式在各瀏覽器中表現(xiàn)一致。

創(chuàng)新互聯(lián)建站專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于網(wǎng)站制作、成都做網(wǎng)站、鳳城網(wǎng)絡(luò)推廣、微信小程序定制開發(fā)、鳳城網(wǎng)絡(luò)營銷、鳳城企業(yè)策劃、鳳城品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等，從售前售中售后，我們都將竭誠為您服務(wù)，您的肯定，是我們最大的嘉獎；創(chuàng)新互聯(lián)建站為所有大學(xué)生創(chuàng)業(yè)者提供鳳城建站搭建服務(wù)，24小時服務(wù)熱線：18980820575，官方網(wǎng)址：www.cdcxhl.com

CSS Reset

CSS Reset即重設(shè)瀏覽器的樣式。在各種瀏覽器中，都會對CSS的選擇器默認一些數(shù)值，譬如當h1沒有被設(shè)置數(shù)值時，顯示一定大小。但并不是所有的瀏覽器都使用一樣的數(shù)值，所以，有了CSS Reset，以讓網(wǎng)頁的樣式在各瀏覽器中表現(xiàn)一致。

正在使用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都設(shè)置成0。這是一種強大的方法，也是最簡單，最安全的方法，不過，也是最占用資源的方法。對于小型的網(wǎng)站來說，用這個并不會帶來大的資源浪費，但如果是像Yahoo這種架構(gòu)非常大的網(wǎng)站，剛需要有選擇地進行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，相信你也已經(jīng)了解了CSS Reset的目的，或許你也可以根據(jù)自己的喜好，寫一個自己的CSS Reset系統(tǒng)，畢竟大家的需求和習(xí)慣的不同的。

【編輯推薦】

  1. 主流瀏覽器CSS Reset的方法
  2. 八個困擾新手的DIV CSS網(wǎng)頁布局問題
  3. 全面解析CSS優(yōu)先級規(guī)則
  4. 專家推薦 10款優(yōu)秀CSS框架
  5. 實例解析清除CSS float浮動的三種方法

標題名稱：技術(shù)分享 調(diào)用CSS Reset重設(shè)瀏覽器樣式
文章網(wǎng)址：http://www.dlmjj.cn/article/djiiijh.html