css定位 定位是用来移动元素位置的。 相对位置，参考元素原始位置，偏移某个距离 绝对位置，参考点是最近的有定位的祖先元素，偏移某个距离 定位 1 css定位 相对定位 绝对定位 固定定位 为什么 移动元素 设置元素在包含块中出现的位置，以及遮盖 2 相对定位 position: relative;... ...
分类：
Web程序 时间：
2019-06-06 23:03:15
阅读次数：
161
标准文档流，又叫普通流 文档流的布局方式：从左到右，从上到下 脱标： 什么叫脱离文档流？，浮动后的块状元素是行内元素吗？ 脱标是什么： 元素脱标后，浮在标准流上层，后面的元素对象，就视它不存在 注意，只有绝对定位absolute、浮动float、固定定位才会脱离文档流！ 脱标后的，部分无视和完全无视... ...
分类：
其他好文 时间：
2019-06-06 22:57:58
阅读次数：
157
CSS 显示 如何隐藏一个元素(visibility:hidden) 如何不显示元素(display: none) 如何显示一个元素的内联元素 如何显示一个元素的块元素 如何使用表格的collapse属性 CSS定位 元素的相对定位 元素的绝对定位 重叠的元素 设置元素的形状 如何使用滚动条来显示元 ...
分类：
Web程序 时间：
2019-06-03 23:31:26
阅读次数：
190
一、单行文本的居中 1.文字水平居中 2.文本垂直水平居中 二、多行文本的垂直居中 1.使用display:flex实现 flex布局会让容器内的元素得到垂直水平居中 2.使用display:-webkit-box实现 display:flex和display:box都可用于弹性布局实现水平垂直居中 ...
分类：
Web程序 时间：
2019-06-03 22:01:06
阅读次数：
174
实现原理：（1）利用绝对定位固定好起始位置；（2）利用遮罩将右轴右侧的部分遮住；（3）让右轴和遮罩同时同速度向右运动！```html:run<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>诏书</title> < ...
分类：
Web程序 时间：
2019-06-03 14:39:56
阅读次数：
135
background-img,repeat,background-position,相对定位，绝对定位，z-index
分类：
Web程序 时间：
2019-06-02 20:32:24
阅读次数：
165
鼠标位置 1》可视区位置：clientX、clientY 跟着鼠标移动的div案例 代码如下图： 这个案例，运用到前一篇文章中的event事件来处理。获取div的left和top值，当鼠标移动时，div的left和top值跟着鼠标位置改变而改变。（注意的是：需要给div设置绝对定位） 演示效果如下图 ...
分类：
Web程序 时间：
2019-06-01 23:09:51
阅读次数：
146
1、流动模型 流动（Flow）是默认的网页布局模式。 特征： 1、块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，因为在默认情况下，块状元素的宽度都为100%。实际上，块状元素都会以行的形式占据位置。 2、在流动模型下，内联元素都会在所处的包含元素内从左到右水平分布显示。 2、浮动模型 如 ...
分类：
Web程序 时间：
2019-05-31 16:19:55
阅读次数：
108
一、CSS 框模型概述 1.CSS 框模型 (Box Model) 规定了元素框处理元素内容、内边距、边框、外边框的方式。 2.元素框的最内部分是实际的内容，直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距，外边距默认是透明的，因此不会遮挡其后的任何元素。 提示： ...
分类：
Web程序 时间：
2019-05-29 19:31:23
阅读次数：
237
