css margin-top设置html元素之间的距离
2016-10-08 23:15
459 查看
css margin-top属性设置的是一个元素的顶端与另一个元素之间的距离。这个距离称为上外边距,本文章向大家介绍css margin-top属性的用法和实例,需要的朋友可以参考一下。
每一个元素都存在着外边距。两个相邻的元素之间是靠它们的外边距排列在一起的。
语法:
一般网站开发中,我们建议大家使用像素px作为margin-top的单位。
原文地址:http://www.manongjc.com/article/1264.html
其他阅读:
css :after伪类选择器使用详解css :active选择器设置被激活链接的样式css 设置margin-top或margin-bottom失效不取作用的解决方法css margin-bottom设置HTML元素之间底(下)边距离css margin:0 auto无法居中的原因
css margin-top介绍
css margin-top属性指从某一元素的上边框开始,到另外一个相邻的元素的下外边距之间的距离。每一个元素都存在着外边距。两个相邻的元素之间是靠它们的外边距排列在一起的。
语法:
margin-top:值(如:10px)例如:
margin-top:10px表示设置该对象上边距离与上一个对象盒子距离为10像素
css margin-top取值
margin-top的取值可以设置以下四种情况:值 | 描述 |
---|---|
auto | 浏览器设置的上外边距。 |
length | 定义固定的上外边距。默认值是 0。 |
% | 定义基于父对象总高度的百分比上外边距。 |
inherit | 规定应该从父元素继承上外边距。 |
css margin-top实例
设置一个class为ex1的p元素的上边距与上一个HTML元素的上边距为2cm<!DOCTYPE html> <html> <head> <style> p.ex1 {margin-top:2cm;} </style> </head> <body> <p>A paragraph with no margins specified.</p> <p class="ex1">A paragraph with a 2cm top margin.</p> <p>A paragraph with no margins specified.</p> </body> </html>在线运行
原文地址:http://www.manongjc.com/article/1264.html
其他阅读:
css :after伪类选择器使用详解css :active选择器设置被激活链接的样式css 设置margin-top或margin-bottom失效不取作用的解决方法css margin-bottom设置HTML元素之间底(下)边距离css margin:0 auto无法居中的原因
相关文章推荐
- css margin-top设置html元素之间的距离
- 在CSS中span标签设置padding-top/bottom以及margin-top/bottom无效的解决方法
- css基础 设置div块的上下左右外填充距离margin(缩写形式)
- css设置字与字之间的距离he行与行之间的距离
- 获取任意Html元素与body之间的偏移距离 offsetTop、offsetLeft (For:IE5+ FF1 )[
- css设置元素之间的距离
- 获取任意Html元素与body之间的偏移距离 offsetTop、offsetLeft (For:IE5+ FF1 )[
- 获取任意Html元素与body之间的偏移距离 offsetTop、offsetLeft
- css中块级标签设置margin-top属性作用于父容器
- css基础 设置div块的上下左右外填充距离margin(缩写形式)
- 怎样使用CSS设置文字之间的距离?
- CSS---关于内层DIV设置margin-top不起作用的解决方案
- css-子div设置margin-top后,父div与子div一起下移
- html+css-内层div设置margin-top不起作用
- css-子div设置margin-top后,父div与子div一起下移
- 设置UITableView的section之间的距离
- CSS中margin-top属性失效问题解决
- 子DIV块中设置margin-top时影响父DIV块位置的解决办法
- css中margin-top的浏览器支持
- css 字间距离_css 字体字符间距设置