一，基本概念 （一）视觉格式化模型 视觉格式化模型（visual formatting model）：CSS的一种机制，它规定了页面中的多个盒子如何布局 css的一种机制，视觉格式化模型属于css范畴 多个盒子如何布局，中的每个HTML元素都会在页面盒子中生成 这些盒子如何排列、如何相互影响，由视觉 ...
分类：
其他好文 时间：
2019-07-31 13:09:21
阅读次数：
116
盒子居中和文字居中 1.设置盒子中存储的文字/图片水平居中：text-align：center； 2.让盒子自己水平居中：margin：0 auto； 清空默认边距 1.为什么要清空默认边距（外边距和内边距）？ 在企业开发中为了更好的控制盒子的宽高和计算盒子的宽高等等，所以在企业开发中，编写代码之前... ...
分类：
其他好文 时间：
2019-07-23 00:33:25
阅读次数：
159
所谓盒子模型（Box Model）就是把HTML页面中的元素看作是一个矩形的盒子，也就是一个盛装内容的容器。每个矩形都由元素的内容(content)、内边距（padding）、边框（border）和外边距（margin）组成。 所有的文档元素（标签）都会生成一个矩形框，我们成为元素框（element ...
分类：
Web程序 时间：
2019-07-16 10:25:18
阅读次数：
124
1.盒子模型就是规定了元素框处理元素内容、内边距、边框 和 外边距 的方式。 width 和 height 指的是内容区域的宽度和高度。增加内边距、边框和外边距不会影响内容区域的尺寸，但是会增加元素框的总尺寸。 假设框的每个边上有 10 个像素的外边距和 5 个像素的内边距。如果希望这个元素框达到 ...
分类：
Web程序 时间：
2019-07-14 14:40:56
阅读次数：
119
1、盒子模式：页面中的所有元素都可以看成一个盒子，占据着一定的页面空间 2、overflow属性 hidden:超出部分不可见，默认值 scroll:显示滚动条 auto:如果有超出部分，显示滚动条 3、border属性 border-width:px \ thin \ medium \ thick ...
分类：
Web程序 时间：
2019-07-08 16:43:26
阅读次数：
170
圣杯布局的思路整理： 两侧定宽，中间自适应 1.一个大的container，包裹左中右三个div 2.中间的main要自适应，设定其宽度为100%；左右定宽。 3.为三位选手都设定浮动，左侧div设定左外边距为-100%（相对于container，会把自己拉到上一行），右侧设定左外边距为负的自身宽度 ...
分类：
其他好文 时间：
2019-06-26 13:25:47
阅读次数：
97
1.浮动 float:left /right2.清除浮动 clear：left/right/both（防止div块覆盖）3.外边距：margin：上边距，右边距，下边距，左边距。（按上右下左的顺序设置）4.内边距：padding：上边距，右边距，下边距，左边距。（按上右下左的顺序设置）5.边框：bo ...
分类：
编程语言 时间：
2019-06-22 10:52:15
阅读次数：
126
盒模型 概述 盒模型:也叫框模型 一个盒子内容包含了五部分:宽度、高度、内边距、边框、外边距。 代码↓ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xh ...
分类：
Web程序 时间：
2019-06-18 15:47:02
阅读次数：
163
AspectRatio 组件 AspectRatio 的作用是根据设置调整子元素 child 的宽高比。 AspectRatio 首先会在布局限制条件允许的范围内尽可能的扩展，widget 的高度是由宽度和比率 aspectRatio 决定的，类似于 BoxFit 中的 contain，按照固定比率 ...
分类：
其他好文 时间：
2019-06-10 22:27:37
阅读次数：
127
1.margin和padding的介绍 margin是外边距padding是内边距，用CSS时首先要做的就是把所有标签的margin和padding清空。这样更容易控制布局和兼容浏览器。 p li等标签都是默认有margin的 清空方法：*{margin:0; padding:0;} *是通配符，表 ...
分类：
其他好文 时间：
2019-06-02 17:50:34
阅读次数：
124
