day10

如果你不能简单说清楚，说明你还没有完全明白。

练习一：

border-collapse:collapse，尴尬，拼错了 css代码

盒子模型：

padding:

padding(20px,30px,40px,50px);顺时针，上下左右；margin一样。

padding(20%,30%);上下填充20%，左右30%;占父级元素的百分比。

练习二：

练习二

源码

练习二源码

练习三：制作一个三角形。

css源码

当给<p>嘿嘿</p>设置鼠标移动在上面显示其border:1px时，会因为border加了1px，导致下面的内容会被挤下去。可以利用border的transparent属性，在p上事先设置好其border:1px,但隐藏起来

利用css画圆和椭圆：

外边距的合并

1.垂直方向上会发生合并，取较大者

2.包含关系（没有边框和填充）

练习四，