手机
当前位置:查字典教程网 >网页设计 >心得技巧 >常用元素默认margin和padding值问题探讨
常用元素默认margin和padding值问题探讨
摘要:关于默认元素在不同浏览器中的margin值是多少的问题,今天做了一个探讨//body的margin值firefox20.0---------...

关于默认元素在不同浏览器中的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;

【常用元素默认margin和padding值问题探讨】相关文章:

图片按钮提交与表单重复提交问题探讨

设计联想:为何找错了地方?

阿里巴巴中秋logo结合网页的设计过程

各种网络图片格式详解 PNG的好处

理论:与用户体验的这两年

css元素隐藏原理及display:none和visibility:hidden

css里面图片路径问题(同包/不同包)探讨

手机浏览器Viewport 参数(web前端设计)

关于开发手机网站的一些总结

设计心得:我们猜您会喜欢

精品推荐
分类导航