189 8069 5689
1、CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型。网页设计中常听的属性名：内容(content)、填充(padding)、边框(border)、边界(margin)，CSS盒子模式都具备这些属性。
成都创新互联拥有10余年成都网站建设工作经验,为各大企业提供网站建设、成都网站设计服务，对于网页设计、PC网站建设（电脑版网站建设）、成都app开发、wap网站建设（手机版网站建设）、程序开发、网站优化（SEO优化）、微网站、域名与空间等，凭借多年来在互联网的打拼，我们在互联网网站建设行业积累了很多网站制作、网站设计、网络营销经验，集策划、开发、设计、营销、管理等网站化运作于一体，具备承接各种规模类型的网站建设项目的能力。
2、概念： 盒子模型(Box Model)就是把HTML页面中的元素看作是一个矩形的盒子，也就是一个盛装内容的 容器。
3、CSS 盒子模型本质上是一个盒子，封装周围的 HTML 元素，它包括：边框、外边距、内边距、和 实际内容 border可以设置元素的边框。
4、所有HTML元素可以看作盒子，在CSS中，box model这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括： 边距（外边距） ， 边框 ， 填充（内边距） ，和 实际内容 。
5、这里特别提醒一下，盒模型是要把元素看成立体的，它确实有空间的3D属性，css盒子3D模型从上到下分为5层：border；content+padding；background-image；background-color；margin。
6、CSS盒子模型就是在CSS技术所使用的一种思维模型。CSS假定所有的HTML文档元素都生成一个描述该元素在HTML文档布局中所占空间的矩形元素框，可以形象地将其看作是一个盒子。
1、与字体有关的属性包括：font-family，font-style，font-variant，font-weight，font-size，font。执行顺序是：font-style，font-variant，font-weight，font-size font-family：如果字体的名称中含有空格，那么要加上双引号。
2、属性：background-position 取值： 属性：background-size 取值： 属性：background-origin 取值： 属性：background-clip 取值： CSS3多背景通过为每个背景属性提供多个属性值实现。
3、属性是对指定的对象设置的样式属性，例如字体大小、文本颜色等。属性和属性值之间用英文“：“连接。多个“键值对”之间用英文“；”进行区分。可以用段落和表格的对齐的演示。
css属性中不属于盒子属性的是floatd。CSS盒子模式都具备这些属性，内容(content)、填充(padding)、边框(border)、边界(margin)。
不能继承的属性 ① 盒子模型所有属性：margin、padding、border、width、height。② 轮廓及背景属性：outline、background。
盒模型主要定义四个区域：内容(content)、边框距(padding)、边界(border)和边距(margin)。
CSS盒子模式都具备这些属性。这些属性可以把它转移到日常生活中的盒子（箱子）上来理解，日常生活中所见的盒子也就是能装东西的一种箱子，也具有这些属性，所以叫它盒子模式。
盒子模型是CSS中一个很重要的概念，页面中的所有元素都可以看成一个盒子，并占据一定的页面空间，一个页面由很多盒子组成，盒子之间会互相影响。只有掌握盒模型以及其中每个属性的用法，才能真正控制好页面元素。
padding，内边距。属于盒子模型的内部，盒模型内部的填充物，算作内容的一部分。border，边框。盒模型与外界的分界点。margin，外边距。盒模型与其他盒模型之间的距离。