CSS盒子、浮动、定位

CSS盒子

页面布局三大核心：盒子模型、浮动和定位

盒子模型：Box Model
边框、外边距、内边距Padding和实际内容
有里到外分别是：内容、内边距、边框、外边距
内边距的边缘是边框，边框以外是外边距，外边距默认是透明的，不会遮挡气候的任何元素
边框绘制在元素的背景之上，background应用于内容和内边距、边框组成的区域
有些浏览器有设置padding和margin，所以
一般是通过:

• {
  margin:0;
  padding:0;
  }
  来覆盖样式。

1. 边框border：
   定义边框的样式、宽度和颜色
   1.1 border-width：px em thin medium thick
   1.2 border-style：solid(实线) dashed(虚线) dotted(点线) double(双线) outset(凸起按钮)
   p {border-style: solid solid solid none;}
   p {border-style: solid; border-left-style: none;}
   注意：border-left-style写在border-style之后
   1.3 border-color：可以命名，也可以十六进制或者是RGB
   如果有文本，默认是文本的前景色；如果没有，比如表格或者是图片，可以是父元素的文本颜色