整理一下我这两天的学习内容

       1，  盒模型是由content（内容）   padding （内边距）  margin（外边距）    border（边距） 组成的。

          一个盒子实际     所占有的宽度（或高度）是由“内容+内边距+边距+外边距”组成

      总元素宽度=宽度+左填空+右填空+左边距+右边据+左边距+右边据

     总元素高度=高度+顶部填空+上边距+下边距+上边距+下边距

      块级元素不动，占据一整行，如果动需要加float,

      对于一个块（例div）要设置他与外面的块的距离用margin,(就是块与块之间的距离）

     如果用id,需要固定的高度，宽度，内边距，外边距，边距，边距半径， 浮动。          内容 ，边距(左右），外边距（左右）总和不能超过宽度

      id用#     

     id   例九宫格，名称不能一样 

    比如 #d0{    }

            #d1{     }

            #d2{    }

   ".‘用class              ,<div id>较麻烦，需要写九个          

     如果用class，需要固定的高度，宽度       内边距，外边距，边距，边距半径， 浮动；

    使用百分比，道理一样，需要宽度，高是空的需要用padding 撑起来

       添加缩放比例，会随着页面变化而变化

       padding负责宽高内容展示，再写html时会将盒子撑大，宽和高都将增加

     padding设置的值，所以u在做页面的时候要注意，要保证盒子原来的大小，在

    宽度和高度上要做相应的减少

       对于盒模型还需要多加理解练习