css设置上边距的方法一:使用margin-top属性
margin-top属性可以设置元素的上外边距围绕在元素边框的空白区域是外边距。设置外边距会在元素外创建额外的“空白”。
外边距属性受任何长度单位(可以是像素、英寸、毫米或 em。)、百分数值甚至负值。
auto浏览器设置的上外边距。
@ html中什么标签属性后面是top？
html里一些定位的标签比如：align，margin，padding，position，（相对定位relative 和绝对定位） 还有背景（background-image：url(/i/eg_bg_03.gif) no-repeat center left ）的直接定位也可以用，以上那些标签都可以有这些top bottom left right 属性来描述。
@ 为什么程序员都喜欢用Chrome浏览器？
在IE统领浏览器天下的时候，能有几个人会想到有朝一日IE会被Chrome打败，而且IE败得很惨。
Chrome诞生于9月，在年末仅占0.3%的市场份额，而IE（IE于1995年诞生）占据了60%的市场份额。十年之后，Chrome占据了70%的市场份额，鱼跃龙门成为了当之无愧的王者。
IE从无数噪点到走向落幕
IE给绝大多数人的感觉是不安全、反应慢、易崩溃，开发者要花费大量的时间去做IE6、IE7、IE8兼容性问题，同样的CSS在不同版本的IE浏览器中产生了不同的显示效果，这样就产生了网页的错位，影响用户的体验。
那是因为IE自从坐上浏览器的头把交椅后，就一直不思进取。微软从IE6开始到IE8几乎没有对Trident内核进行像样的更新，微软有自己的一套Web标准，也不怎么支持html、Javascript、CSS等的新版本特性。这与积极的Safari、Mozilla、Firefox、Chrome形成了鲜明的对比。
其实IE到了11后速度已经不慢了，不过已经很难召回用户。它的很多问题依然存在，比如插件不够多。很多人也是从春运抢票开始真正的了解到Chrome的优势所在。
随着Chrome的逐渐壮大，IE势微，很多人已经不需要IE，留着它只是因为很多银行的网银只能在IE上运行。如今的IE在微软也不受待见，微软建议留着IE作为“兼容性解决方案”，而不建议将它作为默认的浏览器为用户做所有事情。
微软宣布，自今年11月底起陆续停止支援IE 11，而由基于Chromium内核的Edge取代成为微软的主打浏览器。预告着25年的IE落幕走下历史舞台。
Chrome碾碎了IE，重塑网络入口
Chrome的问世给大家带来的是清爽、干净、极简的操作界面，没有菜单栏、状态区、标题栏，甚至连“Chrome”几个字都找不到，只留下了前进、后退、刷新/停止和地址栏。Chrome给用户浏览网页时最大的可视空间。
Chrome会将每个标签也“沙盒化”到自己的进程里。这样可以使单个进程变得更快，又可以同时跑多个进程，并且阻止了一个标签页的崩溃影响到另一个标签页，也可以阻止恶意程序入侵干扰电脑上的其他活动或数据。这与Web的发展方向是一致的（Web将是应用，而不是网页）。
Chrome网页加载的速度要明显快于IE，这源自它的内核Chromium。Chromium是开源渲染引擎Webkit的一个分支，WebKit是苹果基于HHTML开发、开源的现代浏览器内核，拥有现代化的排版引擎和强大功能。Google把Webkit代码（WebCore）重新进行了梳理，只需要两个小时就能进行代码编译，而以前可能要一天。
谷歌也对Chromium的JavaSript引擎进行了重新开发，也就是“V8”。V8的JavaScript处理速度比Firefox、Safari快10，比IE7快56倍。
但由于苹果推出的WebKit2与Chromium沙箱设计存在冲突，迫使Chromium停留在WebKit。Chrome通过移植的方式与WebKit2对接，会影响Chromium的架构移植，也会增加了Chromium的复杂性。所以Google在WebKit代码的基础上研发更加快速和简约的渲染引擎，并逐步脱离WebKit的影响，创造出完全独立的Blink引擎（）。相较于WebKit，Blink的开发速度更快，包含了更多的改进和新功能。
Chrome就是从这个时候起和WebKit主线分离，断开了和苹果的关系。
Chrome拥有强大的第三方插件“网上应用店”.通过安装插件，浏览器可以实现更多的新功能，这是很多用户无法割舍的强大功能。开发者也可以因此获得收益。插件完全由用户自行选择安装，不会让浏览器因为集成太多功能而显得臃肿。
Chrome的成就在于打破了旧的规则，重塑了极简、快速、稳定、安全的浏览器
相对于其他老牌的浏览器，Chrome显得有些年轻，但正是因为它年轻打破了了原有要遵循的规则，创造出了新的东西。Chrome也有缺点，但它的开源特性使得越来越多的开发者对它产生了兴趣。他们惊叹与Chrome的速度，促使他们开发出更多令人惊叹的网络应用，并在开发过程中发挥更多的创意。
通过Chrome的开发者工具，开发者们可以更加方便的检查当前加载的HTML、CSS、JavaScript，显示每个资源页面的请求以及载入所花费的时间。
程序员喜欢Chrome的重点在于现在绝大多数的网站开发都是基于Chrome，不太可能在另一个浏览器做开发调试，又在Chrome下浏览。另外这些程序员本身也是用户，他们也很难找到与Chrome匹敌的浏览器。
以上个人浅见，欢迎批评指正。
认同偶的看法，请点个赞再走，感谢！
喜欢偶的，请关注偶，再次感谢！
@ margin的四个属性？
margin-top ，margin-right ，margin-bottom ，margin-left 。方向为 上右下左，顺时针方向，
值可以是：
百分比（基于父对象总高度或宽度的百分比）
长度值（定义一个固定的边距）
auto（浏览器设定的值）。
margin指的是元素边界外的距离，padding指的是元素边界内的距离
margin：1px 1px 1px 1px;
padding:1px 1px 1px 1px;
如果觉得《padding三个属性 css上下外边距怎么设置 – CSS – 前端 css 揭秘》对你有帮助，请点赞、收藏，并留下你的观点哦！
