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

css盒子模型

时间:2016-11-05 23:28:29      阅读:217      评论:0      收藏:0      [点我收藏+]

标签:style   内容   auto   颜色   padding   span   order   盒子模型   矩形   

盒子模型:
  浏览器会将html每个元素都看做是一个矩形的盒子
  边框:border :粗细 类型 颜色   /上下左右  
         border-color:上 右 下 左
      border-color:上下 左右
         border-style:
         border-width;
         border-top:
         border-right:
     border-left:
         border-bottom;
         通过边框实现特殊效果
  外边距:margin:  标记和标记之间的距离或子标记和父标记之间的距离
          margin-top:
    margin-right:
    margin-left:
          margin-bottom:  
        margin:0px auto; 使层(div)居中
 内边距:padding:边框到内容之间的距离
         padding-top:
    padding-right:
    padding-left:
          padding-bottom:

     *{ margin:0px;padding:0px;} 消除所有元素的内外边距

css盒子模型

标签:style   内容   auto   颜色   padding   span   order   盒子模型   矩形   

原文地址:http://www.cnblogs.com/a1111/p/6034169.html

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