如果你不能简单说清楚,说明你还没有完全明白。
练习一:


盒子模型:
padding:
padding(20px,30px,40px,50px);顺时针,上下左右;margin一样。
padding(20%,30%);上下填充20%,左右30%;占父级元素的百分比。
练习二:

源码

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


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

利用css画圆和椭圆:


外边距的合并
1.垂直方向上会发生合并,取较大者
2.包含关系(没有边框和填充)
练习四,


网友评论