盒模型 盒模型是CSS的基石之一，它指定元素如何显示以及（在某种程度上）如何交互。页面上每一个元素都被看做一个矩形框，框由元素的内容，内边距 (padding)，边框 (border)和外边距 (margin)组成，如下图所示。 内边距出现在内容区域周围，若给元素上添加背景，背景将会应用于 ...

一些基本概念 HTML的大多数元素都是块级(block)元素或行内(inline)元素 块级元素 默认情况下，块级元素会另起一行，并尽可能的充满整个容器。 块级元素可以包含行内元素和其他块级元素，相比于行内元素可以创建更复杂和大型的结构 块级元素列表： html5新增的元素 ...

接触前端也有好几个年头了，但是，讲实话，对于CSS的理解真的是不敢恭维，相信很多同行也有类似的感受吧！这是为什么呢？因为我们都认为CSS太简单了，没有必要深入学习，果真如此？其实，只不过是自己图样图森破罢了。如果真的那么简单，为什么经常会遇到一些奇怪的样式问题，而要折腾好长时间呢？就是因为无从下手 ...

第三章 深入理解盒子模型 　　盒子模型是CSS控制页面的基础。需要清楚“盒子”的含义是什么，以及盒子的组成。此外，应该理解DOM的基本概念，以及DOM树是如何与一个HTML文档对应的，在此基础上充分理解“标准流”的概念。 3.1 盒子的内部结构 ...

css盒子模型用于处理元素的内容、内边距、边框和外边距的方式简称。元素框的最内部分是实际的内容，直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距，外边距默认是透明的，因此不会遮挡其后的任何元素。 内边距、边框和外边距都是可选的，默认值是零。但是，许多 ...

盒子模型是html+css中最核心的基础知识，理解了这个重要的概念才能更好的排版，进行页面布局。下面是自己积累和总结的关于css盒子模型的知识^_^，希望对初学者有用。 一、css盒子模型概念 CSS css盒子模型 又称框模型 (Box Model) ，包含了元素内容（content）、内边 ...

canvas绘制爱心 效果预览 上代码 表格标签 表格标签学习 table：声明一个表格 属性： border:给表格加边框 ...

原文 　　简书原文：https://www.jianshu.com/p/366665ab9c1c 大纲 　　1、CSS盒子模型的概念　　2、行内元素是否也属于盒子模型呢？　　3、标准盒子模型和IE盒子模型　　4、box-sizing：设置盒子模型　　5、盒子模型是有空间的 1、CSS盒子模型 ...