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; 【添加滚动条框】
     
}