码迷,mamicode.com
首页 > Web开发 > 详细

css 盒子模型

时间:2018-07-14 14:53:53      阅读:201      评论:0      收藏:0      [点我收藏+]

标签:http   参照物   htm   one   元素   变化   外观   img   角度   

1.盒子模型

 

技术分享图片

  • 在网页中每一个html元素都可以看成一个盒子 。
  • 盒子模型的参照物不一样,则使用的css属性不一样,比如:
    1. div1的角度看,是margin-right;从div2 的角度看,则是margin-left;
    2. 比如从div2的角度看img,则为padding-top,从img的角度看div2,则为margin-top。
  • 如果不希望破坏外观,则尽量使用margin来布局,因为padding可能会改变盒子的大小(相当于这个盒子有弹性);margin 过大,则会把盒子里面的内容挤到盒子外面去,但盒子本身大小没有变化。

css 盒子模型

标签:http   参照物   htm   one   元素   变化   外观   img   角度   

原文地址:https://www.cnblogs.com/licl11092/p/9309252.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!