盒子模型

1.网页是由许多盒子构成的

2.组成

3.边框

样式中，实线(solid)，点线(dotted)，还有虚线(dashed)最常用

边框复合写法

先把整体设为蓝色，在吧上边框设为红色

table,td,th中经常合并相邻边框，使得边框变细

4.内边距（padding）

内边距复合写法（注意位置）

内边距影响盒子实际大小

比如div的内部的p自己不设置宽高属性，p不会撑大盒子

5.外边距

应用：块级盒子居中对齐

相邻块元素合并问题

嵌套元素塌陷问题

不添加，两者连体婴儿，塌陷较大的距离

添加overflow:hidden后，子元素的外边距是距离父元素的距离

 

6.清楚内外边距，CSS第一行代码

7.圆角边框

圆形和圆角矩形的做法

8.盒子阴影

div : hover,鼠标移到盒子产生效果

9.文字阴影