margin综合:
用于设置盒子的外边距:
综合写法:(有三种写法):
margin:520px; // 相当于一个值设置了上下左右的外边距都为520px; 结构是:上下左右都一样。
margin:12px 50px; // 前面一个值是上下方向的12px,第二个值代表左右方向50px。 **结构是上下 左右**
margin:10px 20px 15px; // 相当于上边距为10,左右为20,下为15.**结构是:上 左右 下**
margin:10px 20px 30px 40px; // 上为10px 右边为 20 ,下面为30,左边为40px; 结构是: 顺时针走一圈,上 右 下 左
padding综合:
用于设置盒子的内边距。
综合写法有三种:(总体来说:和margin的值相似)
padding:520px; // 相当于一个值设置了上下左右的内边距都为520px; 结构是:上下左右都一样。
padding:12px 50px; // 前面一个值是上下方向的12px,第二个值代表左右方向50px。 **结构是上下 左右**
padding:10px 20px 15px; // 相当于上边距为10,左右为20,下为15.**结构是:上 左右 下**
padding:10px 20px 30px 40px; // 上为10px 右边为 20 ,下面为30,左边为40px; 结构是: 顺时针走一圈,上 右 下 左
阴影(盒子阴影,文字阴影)
盒子阴影:box-shadow: 10px 20px 4px 20px rgb(red, green, blue,.3); // 值代表的意思分别是(水平长度,垂直长度,虚拟程度,阴影大小,颜色)
另外颜色使用rgb可以设置阴影的透明度;
文字阴影:box-shadow: 10px 20px 4px 20px rgb(red, green, blue,.3); // 值代表的意思分别是(水平长度,垂直长度,虚拟程度,阴影大小,颜色)