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插入图片的时候，要保证这个图片在页面内容当中居中，一般的做法是在外面套一个div，通过给div加入 {margin:0 auto;} 来控制图片的居中。那么如果针对后台上传的图片这样做就不行了，所以这里介绍一种做法是：如下代码：只要加上这个css样式就可以在父盒子里完全居中显示...
分类：
其他好文 时间：
2014-08-29 12:25:07
阅读次数：
171
* `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
/* 径向渐变 */div.radial { width: 600px; height: 400px; margin: 30px auto; border: 1px #f00 solid; background-image: -webkit-gradient(radial,50% 50%,0, 50...
分类：
Web程序 时间：
2014-08-28 00:51:18
阅读次数：
1260
在写CSS的时候我们习惯在头部写 *{ margin:0px; padding:0px; }或者，引入reset.css文件中。但是这个文件中也有对常用元素的边距置零的设置；原因就在这个地方，默认li的list-style-position:outside，但是padding-lef...
分类：
其他好文 时间：
2014-08-27 18:38:18
阅读次数：
160
css的团队合作规则以及怎样写出高性能的css代码。 一、使用Reset但并非全局Reset 同浏览器元素的默认属性有所不同，使用Reset可重置浏览器元素的一些默认属性，以达到浏览器的兼容。但需要注意的是，请不要使用全局Reset： *{ margin:0; padding:0; } 这不仅仅因为...
分类：
Web程序 时间：
2014-08-27 18:03:28
阅读次数：
211
Css3圆角讲解：想必大家对于图片，背景圆角，都不陌生吧，圆角语法：border-radius：圆角值；这个值可以使用：em ，ex，pt，px，百分比;Border-radius跟margin，padding差不多Border-radius：lefttop，righttop，rightbottom...
分类：
Web程序 时间：
2014-08-27 16:29:37
阅读次数：
251
