盒子模型

点击打开链接1.盒子模型
     margin    外边距(上下左右) 找到最近的一对象(父子关系,兄弟关系)
padding  内边距(上下左右) 相对于自己


    margin-left  
margin-right
margin-top
margin-bottom

同时写就是居中对齐
margin-left:auto; 
margin-right:auto;  
简写
margin:0px( 上下左右都是同一个值)
margin:0px auto;   (第一个值代表上下,第二个值代表左右)
margin:0px 10px 20px 30px;
margin 10px 20px 30px 
 
float:left; 对齐方式(左对齐)  (水平方向排列)
       :right  右对齐
      
     容器的宽度跟高度加边框的值
 
 
内边距 (相对自己填充)
 
padding-left
padding-right
padding-top
 padding-bottom
 padding:10px;四个都一样
 padding:20px 10px   上下/左右
 padding:30px 10px 50px;  上/左右/下
 padding: 20px 40px 60px 80px  上/右/下/左(顺时针)
  
  div,span,.menu{}    样式连写,中间有逗号隔开
      
  
  





评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值