【輕松前端之旅】CSS盒子模型
阿新 • • 發佈：2017-10-10
webp 技術分享 activity 屬性 概念 type title border eight
盒子模型，也叫框模型，在CSS裏是很重要的概念。
每個元素都可以看做一個盒子。盒子包含四個部分：外邊距(margin)、邊框(border)、內邊距(padding)、元素內容(element content)。
我們知道html元素可以嵌套，所以，元素內容還可以包含其它元素。
盒子模型如下圖所示：
註意：
1、height和width屬性，指的是元素內容的寬度和高度！元素的總寬度=width+padding+border+margin!
2、background背景屬性，應用到元素內容、內邊距和邊框，不應用到外邊距！
微信公眾號鏈接：
https://mp.weixin.qq.com/s?__biz=MzAxNTg0MDg5OA==&mid=2649676340&idx=1&sn=a7bdcfc62619e9b2233520969607193a&chksm=83e799d9b49010cfaacc4be3be6e0d57240a86b78cf64dd2096df673f2a53352fd0da0bcc0f7&mpshare=1&scene=23&srcid=1010bxXxiHlhORzvb4UYuxv0#rd
【輕松前端之旅】CSS盒子模型