/* 线性渐变 */div.radial {width: 600px;height: 100px;margin: 30px auto;border: 1px #f00 solid;background: -webkit-gradient(linear, 0 0, 0 100%, from(yello...
分类：
Web程序 时间：
2014-08-30 17:36:40
阅读次数：
356
简单瀑布流代码实现
html代码如下
瀑布流-zhangzhang
*{padding: 0;margin:0;}
#main{
position: relative;
}
.pin{
padding: 15px 0 0 15px;
float:left;
}
.box{...
分类：
编程语言 时间：
2014-08-29 22:46:28
阅读次数：
378
1. [代码]index.html Album 1 Album 1 Album 3 2. [代码]css/main.css /* Photo Gallery styles */.gallery { margin: 50px auto 0; ...
分类：
Web程序 时间：
2014-08-29 15:57:18
阅读次数：
359
上面的版本为通过左右按钮实现图片轮放，这个版本，是通过在窗口拖动鼠标，左右滑动图片。
关键点在于选择一个合适的值，使鼠标拖动时，所有图片均可显示，但是不会滑动过快或离开窗口。
不多说，直接贡献源码。
img {
position: absolute;
top:200;
left:400px;
/* border: 1px solid #333;*/
padding: 2px 5p...
分类：
其他好文 时间：
2014-08-29 13:11:37
阅读次数：
199
针对页面当中通过img插入图片的时候，要保证这个图片在页面内容当中居中，一般的做法是在外面套一个div，通过给div加入 {margin:0 auto;} 来控制图片的居中。那么如果针对后台上传的图片这样做就不行了，所以这里介绍一种做法是：如下代码：只要加上这个css样式就可以在父盒子里完全居中显示...
分类：
其他好文 时间：
2014-08-29 12:25:07
阅读次数：
171
本功能比较简单，就是一个大幕，左右滚动播放图片。
关键点在于如何实现平滑的滚动，包括动画效果，3d效果等。
img {
position: absolute;
top:200;
left:400px;
/* border: 1px solid #333;*/
padding: 2px 5px 2px 5px;
-webkit-transition:ease all 0.7s;
...
分类：
其他好文 时间：
2014-08-29 11:03:27
阅读次数：
196
* `margin`和`padding`不管是上下的还是左右的，其百分比%单位是以该容器的宽度作为计算的，与高度无关！宽度为500px，那么`margin-top:1%`等同`margin-top:5px;`，它是以宽度作为百分比来计算，而不是高度哦！ ...
分类：
Web程序 时间：
2014-08-29 00:12:46
阅读次数：
309
在项目实力中经常用到负margin 如：
子元素1
子元素2
子元素3
子元素4
子元素5
子元素6
是实现如图的效果：
对于css 要做到兼容ie 6 需要 对浮动的li加上样式
position:...
分类：
其他好文 时间：
2014-08-28 22:43:36
阅读次数：
241
在html中引入css样式，可以改变html的块布局方式，使得界面的布局更加美观。接下来看一个基础布局的小例子：
margin布局
#container{
width: 1002px;
background: gray;
}
#header{
height: 120px;
background: orange;
}...
分类：
Web程序 时间：
2014-08-28 14:54:49
阅读次数：
273
一个盒子，有margin,border,padding实际占用多少空间:
竖直方向是：height+padding-top+padding-bottom+border-top+border-bottom+margin-top+margin-bottom
水平方向上：width+padding-left+padding-right+border-left+border-right+margin-left+margin-right...
分类：
其他好文 时间：
2014-08-28 14:54:29
阅读次数：
239
