原文： 简书原文：https://www.jianshu.com/p/2c78b927f8c4 开篇 这是我写CSS布局的第一篇文章，之所以将布局从中摘出来单独放一部分是因为我觉得光是布局这块内容就有很多很多内容了，而这甚至可以说是CSS的核心所在，也许有很多你以前不甚了解其原理的问题，或者很多百思 ...
分类：
Web程序 时间：
2018-07-15 23:11:26
阅读次数：
178
1.盒子模型 在网页中每一个html元素都可以看成一个盒子 。 盒子模型的参照物不一样，则使用的css属性不一样，比如： 如果不希望破坏外观，则尽量使用margin来布局，因为padding可能会改变盒子的大小（相当于这个盒子有弹性）；margin 过大，则会把盒子里面的内容挤到盒子外面去，但盒子本 ...
分类：
Web程序 时间：
2018-07-14 14:53:53
阅读次数：
201
CSS盒子模型 包含元素内容（content）、内边距（padding）、边框（border）、外边距（margin） 一般元素总宽度 = element的width+padding的左右边距+margin左右边距值+border的左右宽度 高度同理 外边距合并 上下外边距会合并一般发生在普通文档流 ...
分类：
Web程序 时间：
2018-07-10 16:47:00
阅读次数：
169
在css中，盒子模型分为两种：标准模型和怪异模型 标准模型：总宽度=border+padding+内容区域宽度 怪异模型：总宽度=宽度，这个宽度就包括了border，padding和内容区域宽度 在标准模型中，border和padding都会撑大盒子，这对网页布局来说是灾难性的，因为会把其他元素挤开 ...
分类：
Web程序 时间：
2018-07-05 10:58:56
阅读次数：
208
1、<td>与<tr>标签 表格制作时，应该一行一行的画，即<tr>应该包含<td>标签,正确示例如下： 执行结果如图： 如果<td>标签写到了<tr>标签里面，就会出现下面的效果。 2、JS和CSS语句可以独立成文件，然后链接到html文件中。 3、CSS盒子模型 4、VSCODE中文乱码问题 编 ...
分类：
Web程序 时间：
2018-07-02 13:08:00
阅读次数：
192
HTML文档中的每个元素都被描绘成矩形盒子，这些矩形盒子通过一个模型来描述其占用空间，这个模型称为盒子模型。 盒子模型通过四个边界来描述：margin（外边距），border（边框），padding（内填充），content（内容区域），如图所示： 注意：浏览器的调试窗口中通常会有相似的模型可供开发 ...
分类：
Web程序 时间：
2018-06-30 11:00:05
阅读次数：
205
CSS框模型（译者注：也被称为“盒模型”）是网页布局的基础 ——每个元素被表示为一个矩形的方框，框的内容、内边距、边界和外边距像洋葱的膜那样，一层包着一层构建起来。浏览器渲染网页布局时，它会算出每个框的内容要用什么样式，周围的洋葱层有多大，以及框相对于其它框放在哪里。在理解如何创建 CSS 布局之前 ...
分类：
Web程序 时间：
2018-06-05 18:42:08
阅读次数：
269
1、CSS盒子模型 HTML文档中的每个元素都被描绘成矩形盒子，这些矩形盒子通过一个模型来描述其占用空间，这个模型称为盒子模型。 盒子模型通过四个边界来描述：margin（外边距），border（边框），padding（内填充），content（内容区域），如图所示： 2、border 3.padd ...
分类：
Web程序 时间：
2018-06-02 16:33:20
阅读次数：
258
css盒子模型：1.边框 border border-top-style（线型）:solid(实线) dotted(点线) dashed(虚线) border-top-color（边框颜色） border-top-width(边框粗细) 2.边框属性简写： border-top:5px solid ...
分类：
Web程序 时间：
2018-05-27 18:03:36
阅读次数：
234
写网页需要设置元素之间的间距，让布局更加好看。 记录一下。 参考: css盒子模型，http://www.runoob.com/css/css-boxmodel.html css3教程，http://www.runoob.com/css3/css3-tutorial.html ...
分类：
Web程序 时间：
2018-05-21 00:06:17
阅读次数：
208
