css 框模型

首先看一下上面这张来W3School讲述框模型的图片。 
从里面来看,里面是我们实际所需要的元素。 
而他到边框是有一定的距离的,我们可以头脑里想一个概念。 
就是我们用QQ截图,或者PS的输入文字信息的时候,都需要在一个框框里面输入,而那个就是边框。 
我们可以通过padding属性来控制这个实际信息到边框的距离。

通过ps或者qq截图输入文字信息的时候,那个边框在输入完信息后就没有了。 
而我们在css中实际是可以把边框显示出来的。在css中,边框的样式默认为none,也就是不显示的。 
我们可以设置边框大小(默认为0)和边框的样式(默认为none)以显示边框。

通过border操作边框的形状颜色。 
通过margin操作,边框距离外面的元素的间距。 
通过padding操作,实际元素距离边框的距离。 
通过height操作,实际元素的高度。 
通过height操作,实际元素的宽度。

相关文章: