CSS-边距

原创 2016年06月01日 20:51:45
CSS Richard
2016/6/1 19:52

边距:在CSS中元素的边距分为内边距(padding)和外边距(margin),属性如下:
    内边距
        padding
        padding-top
        padding-right
        padding-bottom
        padding-left

    内边距是元素的内容与边框(border)之间的距离
    padding: 上、右、下、左; 按照从上按顺时针旋转
    如果 padding 属性缺失 right、bottom、left; 就都参考 top
    如果 padding 属性缺失 bottom、left; bottom 会参考 top, left 会参考 right
    如果 padding 属性缺失 left; left 会参考 right

    外边距
        margin
        margin-top
        margin-right
        margin-bottom
        margin-left

    外边距是元素的边框外的距离,用来设置两个元素之间的距离间隔,也用来实现元素的居中
    marign:0 auto;
    但需要一个条件,那就是该元素的上级一定要设置text-align:center内容居中属性样式。
    同padding
版权声明:本文为博主原创文章,未经博主允许不得转载。

Css中内边距、边框和外边距的关系

CSS 框模型   元素框的最内部分是实际的内容,直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距,外边距默认是透明的,因此不会遮挡其后的任何元素。 ...
  • fengqingting2
  • fengqingting2
  • 2014年08月19日 10:54
  • 3482

CSS:<ul>的左边为什么有40px的默认距离呢?

由于不同浏览器之间有不同的默认样式,这样就导致了:“明明我没有设置margin padding,但是元素之间却存在间距等状况”。解决这种情况的方法就是在开始写css之前将所有元素的padding ma...
  • microcosmv
  • microcosmv
  • 2016年06月14日 16:43
  • 10643

CSS 外边距(margin)重叠及防止方法

前段时间辞职了,然后一直处于求职的状态,面试的第一家公司是一家初创公司,在一个孵化器里面办公,笔试只有十道题,HTML/CSS/JS各三道题,最后一道题是逻辑题,关于面试题方面我下回再总结。今天先就里...
  • u013778905
  • u013778905
  • 2016年07月30日 20:27
  • 2211

微信小程序css篇----外边距(margin)和内边距(padding)

说到边距,那这个基本上跟android里的概念差不多,先来看一个图吧,(虽然标注的丑了点,不过那不是重点) 一.margin:外边距;设置对象四边的外延边距。 margin: 20rpx 10r...
  • qq_32067045
  • qq_32067045
  • 2016年12月29日 23:16
  • 9349

css内边距与外边距的区别,精辟啊

css内边距与外边距的区别  (2012-05-02 13:54:54) 转载▼ 标签:  杂谈 分类: css 本文也是网上看...
  • cs408
  • cs408
  • 2015年05月22日 15:06
  • 3806

CSS布局奇淫巧计之-强大的负边距

css中的负边距(negative margin)是布局中的一个常用技巧,只要运用得合理常常会有意想不到的效果。很多特殊的css布局方法都依赖于负边距,所以掌握它的用法对于前端的同学来说,那是必须的。...
  • lijunlinlijunlin
  • lijunlinlijunlin
  • 2015年09月05日 03:00
  • 245

CSS图像替换:文本缩进,负边距以及更多方法

原文链接: https://www.sitepoint.com/css-image-replacement-text-indent-negative-margins-and-more/ CS...
  • ttwhy
  • ttwhy
  • 2016年07月18日 11:44
  • 545

CSS 5.3 框模型-内边距和外边距

CSS 5.3 框模型-内边距和外边距   1.内边距:padding(填充,内边距) 可能的值:数值或百分比,默认值0 注:百分比是相对于其父元素的 width 计算的,这一点与外边距一样。所以,如...
  • wulinbanxia
  • wulinbanxia
  • 2016年10月30日 11:18
  • 167

CSS使用浮动属性和边距设计3行3列定宽的布局实例

CSS使用浮动属性和边距设计3行3列定宽的布局 下面使用CSS的浮动属性和边距属性设计一个简单地3行3列并且是固定宽度的布局页面。 实例 设计步骤如下: 1. 制作3行3列...
  • judyge
  • judyge
  • 2016年07月17日 23:36
  • 335

CSS边距详解

假设 obj 为某个 HTML 控件。 obj.offsetTop 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算上侧位置,整型,单位像素。 obj.offsetLe...
  • u012150261
  • u012150261
  • 2015年11月26日 17:00
  • 159
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:CSS-边距
举报原因:
原因补充:

(最多只允许输入30个字)