zoukankan      html  css  js  c++  java
  • html标签默认属性值之margin;padding值

    针对6大主流浏览器(Chrome,Firefox,Safari,Opera,Maxthon,IE6,7,8),单位为px.

    .h1~h6标签:有默认margin(top,bottom且相同)值,没有默认padding值。

    在chrome中:16,15,14,16,17,19;

    在firefox中:16,15,14,16,17,20;

    在safari中:16,15,14,16,17,19;

    在opera中:16,15,14,14,17,21;

    在maxthon中:16,14,14,15,16,18;

    在IE6.0中:都是19;

    在IE7.0中:都是19;

    在IE8.0中:16,15,14,16,17,19;

    二.dl标签:有默认margin(top,bottom且相同)值,没有默认padding值。

    在Chrome,Firefox,Safari,Opera,Maxthon,IE8.0中:margin:12px 0px;

    在IE6.0,7.0中:margin:19px 0px;

    dd标签有默认margin-left:40px;(在所有上述浏览器中)。

    三.ol,ul标签:有默认margin-(top,bottom且相同)值,有默认padding-left值

    在Chrome,Firefox,Safari,Opera,Maxthon,IE8.0中:margin:12px 0px;

    在IE6.0,7.0中:margin:19px 0px;

    默认padding-left值:在Chrome,Firefox,Safari,Opera,Maxthon,IE8.0中都是padding-left:40px;

                                      在IE6.0,7.0中没有默认padding值,因为ol,ul标签的边框不包含序号。

    四.table标签没有默认的margin,padding值;th,td标签没有默认的margin值,有默认的padding值。

    在Chrome,Firefox,Safari,Opera,Maxthon中:padding:1px;

    在IE8.0中:padding:0px 1px 1px;

    在IE7.0中:padding:0px 1px;

    相同内容th的宽度要比td宽,因为th字体有加粗效果。

    五.form标签在Chrome,Firefox,Safari,Opera,Maxthon,IE8.0中没有默认的margin,padding值,但在IE6.0,7.0中有默认的margin:19px 0px;

    六.p标签有默认margin(top,bottom)值,没有默认padding值。

    在Chrome,Firefox,Safari,Opera,Maxthon,IE8.0中:margin:12px 0px;

    在IE6.0,7.0中:margin:19px 0px;

    七.textarea标签在上述所有浏览器中:margin:2px;padding:2px;

    八.select标签在Chrome,Safari,Maxthon中有默认的margin:2px;在Opera,Firefox,IE6.0,7.0,8.0没有默认的margin值。

    option标签只有在firefox中有默认的padding-left:3px;

    总结:上述只是部分html常用标签,搞清楚这些在不同浏览器下标签的脾气为了是做好兼容性,所以通常对有脾气的标签进行初始化。

    一个不敬业的前端攻城狮
  • 相关阅读:
    PHPUnit断言详情
    dev tools杂谈
    sublime text3 + python3.5 ide
    文件传输接收sz、rz命令用法
    Linux编辑器vi使用方法详细介绍
    vi编辑字符串替换及sed用法
    Selenium实战(一)——浏览器实例
    Python的数据库连接
    Cypress测试框架——一个简单的测试用例
    Cypress测试框架——入门1
  • 原文地址:https://www.cnblogs.com/chaoming/p/3045019.html
Copyright © 2011-2022 走看看