美文网首页
盒子模型调试方法以及margin padding 顺序问题

盒子模型调试方法以及margin padding 顺序问题

作者: de_self | 来源:发表于2018-08-22 17:32 被阅读14次
image.png
(先干活留个坑)
页面中每个“部分”都有这么一个盒子
这就是所谓的‘盒子模型’
包括了:内容(content)、内边距(padding)、边框(border)、外边距(margin)
构成了上述的这个盒子
margin : 1px 2px 3px 4px//代表上右下左顺时针分别是1234等同于
margin-top:1px;
margin-right:2px;
margin-bottom:3px;
margin-left:4px;
margin:1em 2em;//代表上下1em左右2em(em是另一个单位)
padding:1px2px3px;//代表上1px左右2px下3px

相关文章

网友评论

      本文标题:盒子模型调试方法以及margin padding 顺序问题

      本文链接:https://www.haomeiwen.com/subject/bmvyiftx.html