一、头像1、先在顶部来个头像，头像再做几个动画特效，就是鼠标移上去的时候边框转180°，需要注意的是图片不能随着边框也转动 所以得把图片和边框放在两个标签中，两个标签都用绝对定位来控制位置，我以前也做过一些动画的记录，可以在《CSS3中的动画效果记录》查看到。 a标签和img标签的宽...
分类：
其他好文 时间：
2015-06-30 12:33:02
阅读次数：
137
本篇文章由：http://xinpure.com/css3-box-model-to-implement-a-three-column-layout/使用 Position 绝对定位也是可以实现三栏布局的，然而使用 CSS3 的盒模型却显得更简单、更灵活CSS3盒模型display: -webkit...
分类：
Web程序 时间：
2015-06-26 17:47:41
阅读次数：
190
html代码：左边栏右边栏主内容方法一：利用绝对定位方法(不推荐)css部分：body{margin:0;padding:0;height:100%;}#left,#right{position:absolute;top:0;width:220px;height:100%;background:pi...
分类：
其他好文 时间：
2015-06-24 14:31:38
阅读次数：
99
利用元素间的绝对定位差一像素，使用不同颜色做出浮出层小三角的效果，完美兼容各浏览器！html部分：◆◆◆◆◆◆◆◆ Hi，知道吗？我是打酱油的！css部分：/* poptip */.poptip{position: absolute;top: 20px;left:20px;padding: 6px ...
分类：
Web程序 时间：
2015-06-23 15:31:23
阅读次数：
154
from: zhangxinxu.com绝对定位元素的居中实现如果要问如何CSS实现绝对定位元素的居中效果，很多人心里已经有答案了。兼容性不错的主流用法是：.element { width: 600px; height: 400px; position: absolute; left: ...
分类：
其他好文 时间：
2015-06-21 15:46:53
阅读次数：
131
1.如何让一个绝对定位的div居中：如 div{position:absolute width:300px; height:400px; } 1. left:0;right:0;height:0;top:0;//IE8下不兼容 2. margin-left: -150px;margin-top: ....
分类：
Web程序 时间：
2015-06-19 10:21:38
阅读次数：
140
我们经常用margin:0 auto来实现水平居中，而一直认为margin:auto不能实现垂直居中……实际上，实现垂直居中仅需要声明元素高度和下面的CSS:.Absolute-Center { margin: auto; position: absolute; top: 0; left: 0...
分类：
Web程序 时间：
2015-06-16 18:44:34
阅读次数：
156
盘点8种CSS实现垂直居中水平居中的绝对定位居中技术分类：前端开发2013-09-11 21:0624959人阅读评论(3)收藏举报绝对居中垂直居中水平居中CSS居中代码目录(?)[+]Ⅰ.绝对定位居中(Absolute Centering)技术我们经常用margin:0 auto来实现水平居中，而...
分类：
Web程序 时间：
2015-06-16 14:39:03
阅读次数：
177
一、利用 position 和负边距利用绝对定位，让元素的顶部与居中线对齐，再让元素上移 50% 的高度。这个应该不难理解。原理可以用下图来做一个可视化说明：代码如下:/* 代码实现：* 设定宽度和高度，父节点为 position:relative; CSS是这样写的:*/.selector { ....
分类：
其他好文 时间：
2015-06-16 14:34:13
阅读次数：
77
测试 其实解决的思路是这样的：首们需要position:absolute;绝对定位。而层的定位点，使用外补丁margin负值的方法。负值的大小为层自身宽度高度除以二。如：一个层宽度是400，高度是300。使用绝对定位距离上部与左部都设置成50%。而margin-top的值为－150。margin-l...
分类：
其他好文 时间：
2015-06-16 14:28:47
阅读次数：
79
