对基础知识再度做个巩固和梳理。 一、position定位 （一）：position的属性 1.absolute：生成绝对定位的元素，相对于最近一级定位不是static的父元素来进行定位； 2.relative：生成相对定位的元素，相对于其所在普通的文档流位置进行定位； 3.static:默认值，没有 ...
分类：
Web程序 时间：
2018-10-14 11:28:02
阅读次数：
155
在理解定位之前，先说一个概念，文档普通流，就是元素标签正常在HTML里的顺序，块级元素从上至下排列，行内元素从左到右排列。 绝对定位 绝对定位：absolute，元素相对于离它最近的已定位祖先元素进行移动，如果元素没有已定位的祖先元素，那么它的位置相对于最初的包含块（一般是HTML元素，也可能是画布 ...
分类：
其他好文 时间：
2018-10-13 11:38:07
阅读次数：
182
<!-- -定位：把指定的元素摆放在页面的任意位置(即：通过定位可以任意的摆放元素) -通过position属性设置元素的定位: -可选值为： static 默认值。元素没有开启定位。（忽略left、right、top、bottom） relative 开启元素的相对定位。 absolute 开启元 ...
分类：
其他好文 时间：
2018-10-10 23:43:55
阅读次数：
169
注:本文章是参考千锋网学习视频总结得出。 最近在学习一个前端项目，项目中多处用到了浮动和定位。为此，通过看查找资料和看学习视频，从浮动、清除浮动、相对定位、绝对定位、总结等五个部分来谈谈我对浮动和定位的理解。 一、浮动 浮动的使用场景：一般是将竖起来的多个盒子进行横向的排列。 浮动的负面作用：因为浮 ...
分类：
其他好文 时间：
2018-10-07 12:10:25
阅读次数：
214
1、position: static static(没有定位)是position的默认值，元素处于正常的文档流中，会忽略left、top、right、bottom和z-index属性。 2、position: relative relative(相对定位)是指给元素设置相对于原本位置的定位，元素并不 ...
分类：
Web程序 时间：
2018-10-05 13:56:27
阅读次数：
196
使用属性： 普通背景模糊 为了美观不能使背景前的文字模糊，而filter属性会使这整个div的后代并且还会出现白边。也就是说无法达到这个效果。怎么办呢？我们可以使用伪元素，这样我们也顺便解决了白边的问题。 实现思路： 在父容器中设置背景，并且使用相对定位，方便伪元素重叠。而在:after中只需要继承 ...
分类：
Web程序 时间：
2018-09-29 17:40:26
阅读次数：
369
一、默认定位static： position的默认值，一般不设置position属性时，会按照正常的文档流进行排列。 二、相对定位relative： 1、relative 就是相对元素static定位时的位置进行偏移，如果不指定top，right，bottom，left的值，其位置是没有变化的。 2 ...
分类：
Web程序 时间：
2018-09-28 00:10:10
阅读次数：
190
①static：（静态定位）元素根据文档的正常流程定位。对top，right，bottom，left，和z-index性能没有任何影响。 ②relative：（相对定位）根据文档的正常流动定位，然后偏移相对于它本身的基础上的值top，right，bottom，和left。偏移量不会影响任何其他元素的 ...
分类：
其他好文 时间：
2018-09-27 00:09:18
阅读次数：
129
bootstrap常用组件 ／ 1-1 图标组件 bootstrap组件：官网可查看。 组件：拿来就用的图片或者效果。图标，下拉菜单，按钮组，导航。。。 图标组件：基本使用：内联元素：需要一个基本类+图标类，图标和文本间添加一个空格。 基类：glyphicon（图标相对定位，inline-block ...
分类：
其他好文 时间：
2018-09-25 17:24:30
阅读次数：
310
position的属性： 1.static (文档流)：默认值，没有进行定位，元素出现在正常流中，忽略top left right bottom z-index的申明 (无影响)。 一行接着一行 2.relative（相对定位）：生成相对定位的元素，相对于其正常的位置进行定位。例如，"left:20 ...
分类：
Web程序 时间：
2018-09-23 22:26:25
阅读次数：
205
