zoukankan      html  css  js  c++  java
  • css reset样式重置

    1.自己积累的样式重置:

    form{margin:0;}
    input{margin:0;padding:0;}
    select{margin:0;}
    textarea{margin:0; padding:0;resize:none; overflow:auto; outline:none;}

    th,td{padding:0;}/*表格其它无默认样式,只有单元格有padding*/
    table{border-collapse:collapse;}/*合并边框间距*/

    默认元素在不同浏览器中的margin值:

    // body的margin值 
    firefox 20.0 ----------------------- body的margin为: margin:8px 8px 8px 8px; 
    Internet Explorer 6.0 ----------- body的margin为: margin:15px 10px 15px 10px; 
    Internet Explorer 7.0 ----------- body的margin为: margin:16px 11px 16px 11px; 
    Internet Explorer 8.0-10.0 ---- body的margin为: margin:16px 8px 16px 8px; 
    Opera 12.11 --------------------- body的margin为: margin:16px 8px 16px 8px; 
    Safari 5.1 ------------------------- body的margin为: margin:16px 8px 16px 8px; 
    Google Chrome 27.0 --------- body的margin为: margin:16px 8px 16px 8px; 
    
    // h1的margin值 
    firefox 20.0 ----------------------- h1的margin为: margin:21px 0 22px 0; 
    Internet Explorer 6.0 ----------- h1的margin为: margin:19px 0 19px 0; 
    Internet Explorer 7.0 ----------- h1的margin为: margin:19px 0 19px 0; 
    Internet Explorer 8.0-10.0 ---- h1的margin为: margin:20px 0 20px 0; 
    Opera 12.11 --------------------- h1的margin为: margin:21px 0 21px 0; 
    Safari 5.1 ------------------------- h1的margin为: margin:21px 0 21px 0; 
    Google Chrome 27.0 --------- h1的margin为: margin:21px 0 22px 0; 
    
    // h2的margin值 
    firefox 20.0 ----------------------- h2的margin为: margin:20px 0 20px 0; 
    Internet Explorer 6.0 ----------- h2的margin为: margin:19px 0 19px 0; 
    Internet Explorer 7.0 ----------- h2的margin为: margin:19px 0 19px 0; 
    Internet Explorer 8.0-10.0 ---- h2的margin为: margin:20px 0 20px 0; 
    Opera 12.11 --------------------- h2的margin为: margin:19px 0 19px 0; 
    Safari 5.1 ------------------------- h2的margin为: margin:19px 0 19px 0; 
    Google Chrome 27.0 --------- h2的margin为: margin:20px 0 20px 0; 
    
    // h3的margin值 
    firefox 20.0 ----------------------- h3的margin为: margin:19px 0 18px 0; 
    Internet Explorer 6.0 ----------- h3的margin为: margin:19px 0 19px 0; 
    Internet Explorer 7.0 ----------- h3的margin为: margin:19px 0 19px 0; 
    Internet Explorer 8.0-10.0 ---- h3的margin为: margin:19px 0 18px 0; 
    Opera 12.11 --------------------- h3的margin为: margin:18px 0 18px 0; 
    Safari 5.1 ------------------------- h3的margin为: margin:18px 0 18px ; 
    Google Chrome 27.0 --------- h3的margin为: margin:19px 0 18px 0; 
    
    // h4的margin值 
    firefox 20.0 ----------------------- h4的margin为: margin:22px 0 21px 0; 
    Internet Explorer 6.0 ----------- h4的margin为: margin:19px 0 19px 0; 
    Internet Explorer 7.0 ----------- h4的margin为: margin:19px 0 19px 0; 
    Internet Explorer 8.0-10.0 ---- h4的margin为: margin:22px 0 21px 0; 
    Opera 12.11 --------------------- h4的margin为: margin:16px 0 16px 0; 
    Safari 5.1 ------------------------- h4的margin为: margin:21px 0 21px 0; 
    Google Chrome 27.0 --------- h4的margin为: margin:22px 0 21px 0; 
    
    // h5的margin值 
    firefox 20.0 ----------------------- h5的margin为: margin:22px 0 22px 0; 
    Internet Explorer 6.0 ----------- h5的margin为: margin:19px 0 19px 0; 
    Internet Explorer 7.0 ----------- h5的margin为: margin:19px 0 19px 0; 
    Internet Explorer 8.0-10.0 ---- h5的margin为: margin:22px 0 22px 0; 
    Opera 12.11 --------------------- h5的margin为: margin:22px 0 22px 0; 
    Safari 5.1 ------------------------- h5的margin为: margin:22px 0 22px 0; 
    Google Chrome 27.0 --------- h5的margin为: margin:22px 0 22px 0; 
    
    // h6的margin值 
    firefox 20.0 ----------------------- h6的margin为: margin:25px 0 25px 0; 
    Internet Explorer 6.0 ----------- h6的margin为: margin:19px 0 19px 0; 
    Internet Explorer 7.0 ----------- h6的margin为: margin:19px 0 19px 0; 
    Internet Explorer 8.0-10.0 ---- h6的margin为: margin:25px 0 25px 0; 
    Opera 12.11 --------------------- h6的margin为: margin:24px 0 24px 0; 
    Safari 5.1 ------------------------- h6的margin为: margin:24px 0 24px 0; 
    Google Chrome 27.0 --------- h6的margin为: margin:28px 0 28px 0; 
    
    // dl的margin值 
    firefox 20.0 ----------------------- dl的margin为: margin:16px 0 16px 0; 
    Internet Explorer 6.0 ----------- dl的margin为: margin:19px 0 19px 0; 
    Internet Explorer 7.0 ----------- dl的margin为: margin:19px 0 19px 0; 
    Internet Explorer 8.0-10.0 ---- dl的margin为: margin:16px 0 16px 0; 
    Opera 12.11 --------------------- dl的margin为: margin:16px 0 16px 0; 
    Safari 5.1 ------------------------- dl的margin为: margin:16px 0 16px 0; 
    Google Chrome 27.0 --------- dl的margin为: margin:16px 0 16px 0; 
    
    // dd的margin值 
    firefox 20.0 ----------------------- dd的margin为: margin:0 0 0 40px; 
    Internet Explorer 6.0 ----------- dd的margin为: margin:0 0 0 40px; 
    Internet Explorer 7.0 ----------- dd的margin为: margin:0 0 0 40px; 
    Internet Explorer 8.0-10.0 ---- dd的margin为: margin:0 0 0 40px; 
    Opera 12.11 --------------------- dd的margin为: margin:0 0 0 40px; 
    Safari 5.1 ------------------------- dd的margin为: margin:0 0 0 40px; 
    Google Chrome 27.0 --------- dd的margin为: margin:0 0 0 40px; 
    
    // ul的margin值 
    firefox 20.0 ----------------------- ul的margin为: margin:16px 0 16px 0; 
    Internet Explorer 6.0 ----------- ul的margin为: margin:19px 0 19px 40px; 
    Internet Explorer 7.0 ----------- ul的margin为: margin:19px 0 19px 40px; 
    Internet Explorer 8.0-10.0 ---- ul的margin为: margin:16px 0 16px 0; 
    Opera 12.11 --------------------- ul的margin为: margin:16px 0 16px 0; 
    Safari 5.1 ------------------------- ul的margin为: margin:16px 0 16px 0; 
    Google Chrome 27.0 --------- ul的margin为: margin:16px 0 16px 0; 
    
    // ol的margin值 
    firefox 20.0 ----------------------- ol的margin为: margin:16px 0 16px 0; 
    Internet Explorer 6.0 ----------- ol的margin为: margin:19px 0 19px 40px; 
    Internet Explorer 7.0 ----------- ol的margin为: margin:19px 0 19px 40px; 
    Internet Explorer 8.0-10.0 ---- ol的margin为: margin:16px 0 16px 0; 
    Opera 12.11 --------------------- ol的margin为: margin:16px 0 16px 0; 
    Safari 5.1 ------------------------- ol的margin为: margin:16px 0 16px 0; 
    Google Chrome 27.0 --------- ol的margin为: margin:16px 0 16px 0; 
    
    // ul的padding值 
    firefox 20.0 ----------------------- ul的padding为: padding:0 0 0 40px; 
    Internet Explorer 6.0 ----------- ul的padding为: padding:0 0 0 0; 
    Internet Explorer 7.0 ----------- ul的padding为: padding:0 0 0 0; 
    Internet Explorer 8.0-10.0 ---- ul的padding为: padding:0 0 0 40px; 
    Opera 12.11 --------------------- ul的padding为: padding:0 0 0 40px; 
    Safari 5.1 ------------------------- ul的padding为: padding:0 0 0 40px; 
    Google Chrome 27.0 --------- ul的padding为: padding:0 0 0 40px; 
    
    // ol的padding值 
    firefox 20.0 ----------------------- ol的padding为: padding:0 0 0 40px; 
    Internet Explorer 6.0 ----------- ol的padding为: padding:0 0 0 0; 
    Internet Explorer 7.0 ----------- ol的padding为: padding:0 0 0 0; 
    Internet Explorer 8.0-10.0 ---- ol的padding为: padding:0 0 0 40px; 
    Opera 12.11 --------------------- ol的padding为: padding:0 0 0 40px; 
    Safari 5.1 ------------------------- ol的padding为: padding:0 0 0 40px; 
    Google Chrome 27.0 --------- ol的padding为: padding:0 0 0 40px; 
    
    // p的margin值 
    firefox 20.0 ----------------------- p的margin为: margin:16px 0 16px 0; 
    Internet Explorer 6.0 ----------- p的margin为: margin:19px 0 19px 0; 
    Internet Explorer 7.0 ----------- p的margin为: margin:19px 0 19px 0; 
    Internet Explorer 8.0-10.0 ---- p的margin为: margin:16px 0 16px 0; 
    Opera 12.11 --------------------- p的margin为: margin:16px 0 16px 0; 
    Safari 5.1 ------------------------- p的margin为: margin:16px 0 16px 0; 
    Google Chrome 27.0 --------- p的margin为: margin:16px 0 16px 0; 
    
    // thead,tbody,tfoot的margin值 
    firefox 20.0 ----------------------- thead,tbody,tfoot的margin为: margin:2px 2px 2px 2px; 
    Internet Explorer 6.0 ----------- thead,tbody,tfoot的margin为: margin:2px 2px 2px 2px; 
    Internet Explorer 7.0 ----------- thead,tbody,tfoot的margin为: margin:2px 2px 2px 2px; 
    Internet Explorer 8.0-10.0 ---- thead,tbody,tfoot的margin为: margin:2px 2px 2px 2px; 
    Opera 12.11 --------------------- thead,tbody,tfoot的margin为: margin:2px 2px 2px 2px; 
    Safari 5.1 ------------------------- thead,tbody,tfoot的margin为: margin:2px 2px 2px 2px; 
    Google Chrome 27.0 --------- thead,tbody,tfoot的margin为: margin:2px 2px 2px 2px; 
    
    // form的margin值 
    firefox 20.0 ----------------------- form的margin为: margin:0 0 0 0; 
    Internet Explorer 6.0 ----------- form的margin为: margin:19px 0 19px 0; 
    Internet Explorer 7.0 ----------- form的margin为: margin:19px 0 19px 0; 
    Internet Explorer 8.0-10.0 ---- form的margin为: margin:0 0 0 0; 
    Opera 12.11 --------------------- form的margin为: margin:0 0 0 0; 
    Safari 5.1 ------------------------- form的margin为: margin:0 0 0 0; 
    Google Chrome 27.0 --------- form的margin为: margin:0 0 0 0; 
    View Code
    努力但不功利~~!
  • 相关阅读:
    Bzoj 1010: [HNOI2008]玩具装箱toy(斜率优化)
    Cogs 376. [IOI2002]任务安排(后效性DP)
    Bzoj 1911: [Apio2010]特别行动队(斜率优化)
    Poj 2018 Best Cow Fences(分数规划+DP&&斜率优化)
    Bzoj 1212: [HNOI2004]L语言(AC自动机+DP)
    ZOJ 3228 Searching the String(AC自动机)
    Bzoj 3172: [Tjoi2013]单词(fail树)
    Hdu 3065 病毒侵袭持续中(AC自动机)
    Hdu 2896 病毒侵袭(AC自动机)
    Bzoj 2599: [IOI2011]Race(点分治)
  • 原文地址:https://www.cnblogs.com/langlang149/p/5591483.html
Copyright © 2011-2022 走看看