CSS 框模型概述

2019-09-08 郑州网站建设  

CSS 框模型

元素框的最内一小部分是实际的内容,直接解围模式的是内边距。内边距呈现了元素的后援。内边距的边际是边框。边框以外是外边距,外边距默许是透亮的,因此不会遮挡厥后的任何元素。

暗指:配景运用于由形式和内边距、边框构成的地区。

内边距、边框与外边距都是可选的,默认值是零。可是,许多元素将由用户署理格式表设置外边距和内边距。兴许通过将元素的 margin 与 padding 设置为零来覆盖这些浏览器款式。这能够别离进行,也兴许使用通用决意器对所有元素进行设置装备摆设:

* { margin: 0; padding: 0; }

在 CSS 中,width 和 height 指的是内容周边的宽度和高度。增长内边距、边框与外边距不会影响内容地区的尺寸,然则会增加元素框的总尺寸。

若是框的每一个边上有 10 个像素的外边距与 5 个像素的内边距。如果但愿这个元素框抵达 100 个像素,就紧要将内容的宽度设置为 70 像素,请看下图:

CSS 框模型实例

#box { width: 70px; margin: 10px; padding: 5px; }

暗示:内边距、边框与外边距能够使用于一个元素的悉数边,也或许运用于径自的边。

默示:外边距或者是负值,何况在很多状况下都要使用负值的外边距。


河南郑州做网站首选天择文化,我们专注郑州网站建设网站设计网站制作与开发,是中原地区专业的郑州网络公司,多年来我们一直努力,服务客户数百家,欢迎您的咨询。
本文链接:郑州网络公司http://tzchb.ieyo.com/dede/1388.html转载请标明出处,谢谢合作!
标签:
  • 元素
  • css
  • 概述
  • 模型