一、float设计初衷 因为float被设计出来的初衷是用于——文字环绕效果。即，一个图片一段文字，图片float:left之后，文字会环绕图片。 二、float多个特性 2.1. 破坏性 首先大家来看两个demo，如下图。第一个demo是一个简单不过的例子，显示效果也很正常。第二个demo，唯一的 ...
分类：
Web程序 时间：
2018-03-01 00:33:58
阅读次数：
212
因为元素的文档流是定位， 没有别的元素影响到A标签， 旁边也没有浮动的元素， 所以排除float元素和position元素并排一起出现的bug 给a标签随便添加背景色或者背景图片，然后将a标签的透明度设置为0，不过在IE中需要使用滤镜，即 运行下面代码 a{background-color:#fff ...
分类：
其他好文 时间：
2018-02-28 16:25:45
阅读次数：
128
绝对位置 绝对定位使元素的位置与文档流无关，因此不占据空间。这一点与相对定位不同，相对定位实际上被看作普通流定位模型的一部分，因为元素的位置相对于它在普通流中的位置。 普通流中其它元素的布局就像绝对定位的元素不存在一样： 在HTML中的代码 在CSS中的代码 固定位置 让一个DIV始终保持在一个位置 ...
分类：
Web程序 时间：
2018-02-21 18:14:14
阅读次数：
235
水平居中元素： 方式一：CSS3 transform 方式二：flex 布局 适用于子元素为浮动，绝对定位，内联元素，均可水平居中。 居中的元素为常规文档流中的内联元素(display: inline) 居中的元素为常规文档流中的内联元素(display: inline) 常见的内联元素有：span ...
分类：
Web程序 时间：
2018-02-14 10:37:16
阅读次数：
197
day12 Html中的三种布局方式 标准流 浮动 定位 两大元素 1.块级元素 2.内联元素 css中的float 参数：left right none inherit(继承浮动) 实现文字环绕图片 一旦我们给元素float就会变成块状元素（脱离正常的文档流） float会脱离正常的标准流使父元素 ...
分类：
Web程序 时间：
2018-02-13 15:38:32
阅读次数：
184
学习内容： 1.标签的margin值： 用来控制标签的外边距，分别控制上、右、下、左的外边距 当只输入一项数值时，所有方向上的外边距被统一设定，而输入两个值时，则分别控制上下、左右的外边距，四个值全部输入则分别控制上、右、下、左的外边距 2.标签的padding值： 用来控制标签的内边距，分别控制上 ...
分类：
Web程序 时间：
2018-02-07 21:15:35
阅读次数：
249
定位方向: left | right | top | bottom position:static 静态定位。默认值，就是文档流 position:absolute 绝对定位 特点 元素使用绝对定位之后不占据原来的位置（脱标） 元素使用绝对定位，位置是从浏览器出发 嵌套的盒子，父盒子没有使用定位，子 ...
分类：
Web程序 时间：
2018-02-05 12:41:53
阅读次数：
156
标准流（文档流） 元素自上而下，自左而右，块元素独占一行，行内元素在一行上显示，碰到父集元素的边框换行。 浮动布局 float:left|right 特点： 元素浮动之后不占据原来的位置（脱标） 浮动的盒子在一行上显示 行内元素浮动之后转换为行内块元素。（不推荐使用，转行内元素最好使用display ...
分类：
Web程序 时间：
2018-02-05 12:32:25
阅读次数：
175
相对定位（position：relative；相对原始位置） 定位元素位置控制：left | right | top | bottom 特点： a、不影响元素本身的特性； b、不使元素脱离文档流（元素移动之后原始位置会被保留）； c、如果没有定位偏移量，对元素本身没有任何影响； d、提升层级 绝对定 ...
分类：
其他好文 时间：
2018-01-22 14:47:14
阅读次数：
153
定位 position fix：完全脱离文档流，参照物是可视窗口，可以设置top left right bottom relative： 不脱离文档流，参照物是自己原来的位置，可以设置top left right bottom absolute： 完全脱离文档流，参照物是已定位的父级标签，可以设置t ...
分类：
其他好文 时间：
2018-01-21 22:37:00
阅读次数：
152
