盒子模型&浮动

盒子模型

盒子模型的组成：content（内容）、border（边框）、padding（内边距）、margin（外边框）。
对边框border的设置：边框宽度、边框样式、边框颜色。
边框宽度：border-width value以像素为单位。
边框样式：border-style value有none、hidden、dotted、dashed、solid、double、groove、ridge、inset、outset。常用的有solid、dotted、dashed三种。
边框颜色：border-color 边框的颜色可以用预设的颜色值，比如red、black、green等，也可以用16进制数表示
对于边框的设置可以采用复合形式书写：
border： 1px solid red;参数没有顺序限制，谁写在前谁写在后面都可以。
对于边框的宽度也可以单设某一个边或者某几个边，用属性border-top/left/bottom/right进行设置。
根据css的三大特性中的层叠行性，在需要设置三边相同，一边宽度不同时，可以先对四个边进行设置，然后对单独的那一个边进行设置。

    div {
   
            width: 300px;