定位 定位有三种: 1.相对定位 2.绝对定位 3.固定定位 这三种定位,每一种都暗藏玄机,所以我们要一一单讲。 相对定位 相对定位:相对于自己原来的位置定位 现象和使用: 1.如果对当前元素仅仅设置了相对定位,那么与标准流的盒子什么区别。 2.设置相对定位之后,我们才可以使用四个方向的属性: to ...
分类:
Web程序 时间:
2019-10-23 16:29:37
阅读次数:
90
1. DOM + CSS 传统html5的文字实现,用于添加描述性叠加文字的方法。一般使用绝对定位,并且保证z index够大,用于显示在3D场景之上。 优点: 与CSS3D效果一致 缺点: 3d效果和运动还原不好 2. THREE.CanvasTexture 在canvas中绘制文字,然后使用Ca ...
分类:
其他好文 时间:
2019-10-23 11:21:01
阅读次数:
111
垂直水平居中 方法1:绝对定位 + margin-top (已知子元素宽高) 如果盒子是绝对定位的,此时已经脱标了,margin:auto无效。如果还想让其居中(位于父亲的正中间),可以这样做 方法2:position + transform (子元素宽高未知) 和上面的原理相同,但是不需要知道子元 ...
分类:
Web程序 时间:
2019-10-18 15:55:43
阅读次数:
113
一、css垂直居中 单行文本的居中 1.文字水平居中 2.文本垂直水平居中 多行文本的垂直居中 1.使用display:flex实现 2.使用display:-webkit-box实现 3.使用绝对定位和负边距 4.使用transform:translate定位 5.绝对定位和0 6.通过displ ...
分类:
其他好文 时间:
2019-10-15 11:28:11
阅读次数:
105
恨到弹窗都需要实现垂直水平居中的功能,知道宽高可以用绝对定位,加上设置margin为负值,大小为宽高的一半即可 如果不知道宽高怎么来垂直居中呢?其实很简单,只要加上transform: translate(-50%, -50%);就可以了 ...
分类:
其他好文 时间:
2019-10-14 14:39:55
阅读次数:
89
CSS样式属性 一、宽和高 width属性可以为元素设置宽度。 height属性可以为元素设置高度。 块级标签才能设置宽度,内联标签的宽度由内容来决定。 二、字体属性 2.1文字字体 font family可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体,则会尝试下一个。浏览 ...
分类:
Web程序 时间:
2019-10-14 01:11:27
阅读次数:
206
这里为大家带来了两种通过js制作图片瀑布流的方法。 一、绝对定位法 计算每个元素的绝对位置进行设置。 二、按列插入法 首先计算出可以放几列图片,再插入列容器,在循环图片,往高度最小的列容器中插入图片。 当然肯定还有比这个好的方法,仅作学习交流。 ps:图片存放地址为 当前目录的images目录里面 ...
分类:
Web程序 时间:
2019-10-11 10:51:07
阅读次数:
90
作者:贝程学院 浏览器内核分为两部分:渲染引擎(Layout Engine 或者 Rendering Engine)和 JS 引擎。早期渲染引擎和 JS 引擎并没有明显区分,随着 JS 引擎越来越独立,内核逐渐变成了渲染引擎的代名词。渲染引擎包括: HTML 解释器 CSS 解释器 布局 网络 存储 ...
分类:
其他好文 时间:
2019-10-09 14:05:20
阅读次数:
108
xpath定位总结:nodename 选取此节点的所有子节点。 / :从根节点选取。绝对定位 //:从匹配选择的当前节点选择文档中的节点,而不考虑它们的位置。 相对定位(推荐使用相对定位) . :选取当前节点 .. :选取当前节点的父节点 @ :选取属性 * : 通配符。匹配所有元素节点 @* :通 ...
分类:
其他好文 时间:
2019-10-08 18:54:46
阅读次数:
131