1.盒子模型
是什么，又称为框模型，装html元素，设计html和实现布局
有四个边：外边距margin、边框、内边距padding、内容区
大小：宽度和高度
div
所有元素都可以当作盒子模型
元素占页面空间的大小；width+2*padding+2*border；height+2*padding+2*border
2.阴影
box-shadow{px; px; 大小 px; 模糊程度 grey; 颜色}
3.边框
宽度默认为1px 样式无默认，不能不写 颜色默认为黑色
显示效果：同时出现上右下左四个方向的边框，可以拆分成
三个属性：border-width -style -color，最好写一起
四个属性：border-top -right -bottom -left
三个属性：-width:10px 20px 上下 左右 10px 20px 30px 上 左右 下 10px 20px 30px 40px 上右下左 style color同
5.三角形
color： white wHite white black； 点点点线 三角形 black的那里就有一个三角形