zoukankan      html  css  js  c++  java
  • 边框(border)边距(margin)和间隙(padding)属性的区别

    边框属性(border):用来设定一个元素的边线
    边距属性(margin):用来设置一个元素所占空间的边缘相邻元素之间的距离。
    间隙属性(padding):用来设置元素内容元素边界的距离。
    这三个属性都属于CSS中box类型的属性。

    ①margin:是外间距,padding:是内边距。例如现在有两个2mX2m的房子、房子与房子是有距离的。现在你坐在其中一个房子的中间,这时,你与你所在房子的墙之间就有了个距离。我们可以理解为CSS的padding。而你所在房子与另一个房子之间的距离就是margin.

    ②打个比方,在桌子上放了一个盒子,盒子里放了一个东西!把这个盒子看成是你的那个元素或者说是DIV,那么这个盒子离里面的东西的距离就是padding,而这个盒子里桌子边缘的距离,就是margin!

    ③<div   style= "   padding-top:100px;   margin-left:100px; "> www.soojs.com </div> 
    padding-top:是www.soojs.com具div的高度 
    margin-left:是div具BODY的高度

    以下是我看到的比较好的文章:

    http://www.cnblogs.com/wolf-sun/p/4329926.html

  • 相关阅读:
    vue搭建开发环境
    一些意想不到的小bug。
    小程序开发中遇到的问题
    Per相关图书推荐
    MATLAB相关图书推荐
    CSS相关图书推荐
    Cocos2d相关图书推荐
    JSP相关图书推荐
    Fortran相关图书推荐
    R语言相关图书推荐
  • 原文地址:https://www.cnblogs.com/heyijing/p/4726982.html
Copyright © 2011-2022 走看看