Home  >  Article  >  Web Front-end  >  CSS盒子模型的理解_html/css_WEB-ITnose

CSS盒子模型的理解_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:52:04945browse

标准的CSS盒子模型包括:内容(content)、填充(padding)、边框(border)、边界(margin)

这些属性,可以把它转移到我们日常生活中的盒子(箱子)上来理解,日常生活中所见的盒子也就是能装东西的一种箱子,也具有这些属性,所以叫它盒子模式。那么内容(CONTENT)就是盒子里装的东西;而填充(PADDING)就是怕盒子里装的东西(贵重的)损坏而添加的泡沫或者其它抗震的辅料;边框 (BORDER)就是盒子本身了;至于边界(MARGIN)则说明盒子摆放的时候的不能全部堆在一起,要留一定空隙保持通风,同时也为了方便取出。

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn