CS盒模型Ⅰ

标签：

/* CSS Document */

body{
         margin:0;   【外间距】
         width:600px;
         border:3px solid red;
}

 div{      

        background:silver       

        width:200px;

        height:200px; 

        min-width:100px;
        min-height:100px;
        max-width:300px;
        max-height:300px;

       width:40%; 【优先度原则，后来再设定的宽高会取代之前的设定】

       width:auto;
       height:auto; 【跟随字体变化】 

1、元素内边距
       padding-top:10px; 【上内边距，会扩充元素最大高度】
       padding-bottom:10px;
       padding-left:10px;
       padding-right:10px;

       padding:10px 20px; 【上下/左右】
       padding:10px 20px 30px; 【上/左右/下】
       padding:10px 20px 30px 40px; 【上右下左】
2、元素外边距
       margin-top:10px; 【上外边距，不会扩充元素最大高度】
       margin-bottom:10px;
       margin-left:10px;
       margin-right:10px;

       margin:10px 20px; 【上下/左右】
       margin:10px 20px 30px; 【上/左右/下】
       margin:10px 20px 30px 40px; 【上右下左】

       overflow-y:visible; 【默认情况】
       overflow-y:auto; 【溢出显示滚动条】
       overflow-y:hidden; 【裁剪掉溢出部分】
       overflow-y:scroll; 【添加滚动条框】
     
}

CS盒模型Ⅰ

标签：

原文地址：http://www.cnblogs.com/webday/p/5283121.html