1、绝对定位法 这或许是三种方法里最直观，最容易理解的：左右两栏采用绝对定位，分别固定于页面的左右两侧，中间的主体栏用左右margin值撑开距离。于是实现了三栏自适应布局。 css代码如下 HTML代码为 这里的左中右三个div的顺序是可以任意调整的，这与剩下的两中方法就不一样了，需要注意一下。 此 ...
分类：
Web程序 时间：
2018-05-23 00:04:56
阅读次数：
178
1、左右布局 如果有以下html结构，设置左右两栏布局 设置浮动 ：左右布局常用的方法就是为子元素设置浮动，然后在其 父元素上使用clearfix类 清除浮动。示例代码如下： 设置position绝对定位 ，为父元素设置 为子元素设置 。示例代码如下： 2、左中右布局 左中右布局主要方法也是浮动或者 ...
分类：
Web程序 时间：
2018-05-22 22:15:26
阅读次数：
277
CSS 1.css的引入方式 2.css的选择器 3.css的特性和权重 4.css的盒子类型 5.css的浮动特性,解决方法 6.css的盒子的margin 7.css的文本属性 8.css的backgroud 9.css的相对定位 10.css的绝对定位 11.css的固定定位 1.css的引入 ...
分类：
Web程序 时间：
2018-05-22 14:56:40
阅读次数：
174
地址：http://www.zhangxinxu.com/wordpress/2013/11/margin-auto-absolute-%E7%BB%9D%E5%AF%B9%E5%AE%9A%E4%BD%8D-%E6%B0%B4%E5%B9%B3%E5%9E%82%E7%9B%B4%E5%B1%85 ...
分类：
其他好文 时间：
2018-05-20 16:35:14
阅读次数：
161
打字游戏 在网页上实现从天而降的打字游戏。 首先理下思路： 1、要实现不断生成字符。 》那么首先需要定时器不断生成div，div里面的字符是随机生成的。再将这些div插入到页面中。 2、让这些生成的div随机掉落 》即是每个生成的div绝对定位，再让left值随机。 3、运动函数 》 让每个生成的d ...
分类：
其他好文 时间：
2018-05-19 18:29:15
阅读次数：
149
为实现良好的兼容性，PC端实现垂直居中的方法一般是通过绝对定位，table-cell，负边距等方法。有了css3，针对移动端的垂直居中就更加多样化。 方法1：table-cell html结构： css： 方法2：display:flex 方法3：绝对定位和负边距 方法4：绝对定位和0 这种方法跟上 ...
分类：
Web程序 时间：
2018-05-17 15:22:42
阅读次数：
217
定位 定位有三种： 1.相对定位 2.绝对定位 3.固定定位 这三种定位，每一种都暗藏玄机，所以我们要一一单讲。 相对定位 相对定位:相对于自己原来的位置定位 现象和使用： 1.如果对当前元素仅仅设置了相对定位，那么与标准流的盒子什么区别。 2.设置相对定位之后，我们才可以使用四个方向的属性： to ...
分类：
其他好文 时间：
2018-05-15 13:22:49
阅读次数：
165
z-index 这个东西非常简单，它有四大特性，每个特性你记住了，页面布局就不会出现找不到盒子的情况。 z-index 值表示谁压着谁，数值大的压盖住数值小的， 只有定位了的元素，才能有z-index,也就是说，不管相对定位，绝对定位，固定定位，都可以使用z-index，而浮动元素不能使用z-ind ...
分类：
其他好文 时间：
2018-05-15 13:21:02
阅读次数：
147
<html><head><style type="text/css">h2.pos_abs{position:absolute;left:100px;top:150px}</style></head> <body><h2 class="pos_abs">这是带有绝对定位的标题</h2><p>通过绝对 ...
分类：
其他好文 时间：
2018-05-11 10:50:35
阅读次数：
160
一.三栏布局 1. 经典的圣杯布局（双飞翼布局） 2.绝对定位法 优点：三个div顺序可以任意变 缺点：top值要注意 3. 自身浮动 优点 页面影响小 缺点：center必须在最下面 4.css3新特性 flex 属性用于设置或检索弹性盒模型对象的子元素如何分配空间。 flex: flex-gro ...
分类：
Web程序 时间：
2018-05-10 20:00:50
阅读次数：
225
