Css基础：盒子模型+浮动+定位简要介绍

1.盒子模型

1.盒子组成部分

        内容+padding+border+margin

         *注意：margin外边距：两个盒子之间的距离

 2.边框border属性

          粗细border-width

          颜色border-color

          样式border-style

          连写(没有顺序)：border:20px solid pink;

          单边设置：border-top：5px solid pink;

3.盒子宽高=内容宽高＋边框宽高+内边距距离

4.内边距padding属性

    padding:1个值---四周都是此距离

                  2个值---上下 左右

                  3个值---上  左右  下

                  4个值---上  右  下  左

5.外边距margin属性

     margin:1个值---四周都是此距离

                  2个值---上下 左右

                  3个值---上  左右  下

                  4个值---上  右  下  左

 6.清除所有标签默认的内外边距

            放置在公共样式文件里面

            放置在当前所有样式设计之前

        *{

            margin：0；