今天听这个css课程,感觉这个老师真的讲的很烂,明明可以很轻松理解,非得扯上一堆的if什么的,明明很容易就能理解,硬生生给我说懵了。
内外边距倒是蛮有意思的
内边距,自然就是块级标签自己内部的一些距离,然后外边距,就是标签和同级标签之间的距离
margin: 用于控制元素与元素之间的距离;margin的最基本用途就是控制元素周围空间的间隔,从视觉角度上达到相互隔开的目的。
padding: 用于控制内容与边框之间的距离;
Border(边框) 围绕在内边距和内容外的边框。
Content(内容) 盒子的内容,显示文本和图像。
上面是内外边距四个非常重要的参数,下面来看看演示案例吧
Title/*margin: 20px;*/
/*margin-bottom: 40px;*/
/*margin: 10px 20px 30px 40px;*/margin-top:30px;margin-bottom:40px;
}.div2{width:200px;height:200px;background-color:lightblue;
/*border: 20px solid red;*/
/*padding: 5px;*/
/*margin-top: 40px;*/
}.outer{height:1000px;background-color:aquamarine;
/*border: 1px red solid;*/
/*padding: 1px;*/overflow:hidden;
}.outer2{width:1000px;height:1500px;background-color:firebrick;
}body{border:2px solid darkcyan;margin:0px;
}
hello div1