CSS margin 外边距离

2016-03-23 08:46:12 div CSS margin 外边距离作业

div CSS margin 外边距离作业

作业内容:
1、margin什么作用
2、体验margin作用,设置2个盒子分别为yangshi1和yangshi2,同时都设置2个盒子布局居中,高度为100,宽度200,1px黑色边框,对yangshi2设置margin-top:20px; 然后测试效果,再改margin-top:20px为margin-top:10px,观察效果。写出代码。

Margin用于设置对象之间距。

引导阅读与掌握:
1、//www.html8.com.cn/shouce/c_margin.shtml
2、//www.html8.com.cn/css/6.shtml
3、//www.html8.com.cn/css/8.shtml
4、//www.html8.com.cn/css/512.shtml
5、//www.html8.com.cn/css/652.shtml
6、//www.html8.com.cn/css/617.shtml
7、//www.html8.com.cn/css/538.shtml

目的:
1、掌握两个盒子之间距离设置
2、掌握margin属性及用法
3、掌握margin简写缩写优化

 

上一篇:CSS边框掌握
下一篇:CSS padding内边距离
更新