首页 >> 知识 >> 盒子模型/设置边框/内边距、外边距

盒子模型/设置边框/内边距、外边距

盒子模型

在HTML中,浏览器在解析每一个标签元素时,都会将标签解析成一个装东西的盒子,超文本标记语言中,内容本身就定义在标签内部的。它将标签解析一个一个盒子,盒子之间存在间距,盒子内部装的东西与盒子之间也存在间距,并且盒子本身也是存在边框的。

 

盒子本身的边框也就是(边框border ),盒子和盒子之间的距离也就是(外边距 margin ) ,盒子到内容之间的距离也就是(内边距padding ),剩下中间的就是内容(content)。

当外边距越大,盒子和盒子之间的距离就越大;当内边距越大,边框和内容之间距离就越大,相对而言,内容就越少。所以合理设置margin和padding是非常重要的。换句话说:一个元素的真实高度和真实宽度,并不仅仅由草莓视频在线观看APP大家设置的width和 height来决定,还应该包括内边距,边框宽度,以及外边距来决定。

 

边框:草莓视频在线观看APP可以通过border等其他的衍生属性来进行设置;内边距:草莓视频在线观看APP就需要使用paddinq或者它衍生属性来进行设置;外边距:草莓视频在线观看APP可以通过使用magin或者它的衍生属性进行设置。

 

boder设置边框

要显示边框,比如div这种,那么必须要设置broder-style,否则默认是没有边框的。

 

border 简写属性在一个

网站地图