专业实训第八天 CSS 盒子模型+定位+简单css3动画

今天一天学的东西并不是很多，比前一天简单了一些，但是今天的知识比昨天的更加灵活，技巧性，经验性比较强，但是都有共同的特点。需要大量的练习方能掌握。

1. 盒子模型：

   1. 在标准的浏览器下：
      所有的标签在页面中实际的宽度=width+border+padding+margin
      （此时的padding，margin，border都是计算左右方向的）
   2. padding：是标签的内容到标签边缘之间的距离简称：内边距；
      padding有四个方向：上，右，下，左；
      padding的设置会在设置的width基础增加标签的占地面积；
      padding的主要作用是用来设置内边距，效果是：内容自身不变；但是标签实际会被撑大；
      块标签可以在四个方向上都设置padding，都可以起到占位作用；
      行标签，只有水平方向起作用，垂直方向不起作用；
   3. margin:标签和标签之间的距离；
      简称：外边距；
      margin在设置上有四个方向：上，右，下，左；
      margin：15px 16px 17px 18px；
      margin：15px 20px；上下外边距15px，左右边距20px；
      margin：0 auto；能够让设置了固定宽度的块标签水平居中；
      什么情况下使用margin