css下margin、padding、border、background和font缩写示例

下面用一些比较常用的属性来做示例。

margin

　　margin-top:1px;
　　margin-right:1px;
　　margin-bottom:1px;
　　margin-left:1px;
　　代码简化为：margin:1px

　　margin-top:1px;
　　margin-right:2px;
　　margin-bottom:1px;
　　margin-left:2px;
　　代码简化为：margin:1px 2px

　　margin-top:1px;
　　margin-right:2px;
　　margin-bottom:3px;
　　margin-left:2px;
　　代码简化为：margin:1px 2px 3px

　　margin-top:1px;
　　margin-right:2px;
　　margin-bottom:3px;
　　margin-left:4px;
　　代码简化为：margin:1px 2px 3px 4px

　　注意：当属性值是0的时候单位可以不写如：0px 直接就写成0

padding

　　padding的书写方法和margin相类似

　　padding-top:1px;
　　padding-right:1px;
　　padding-bottom:1px;
　　padding-left:1px;
　　代码简化为：padding:1px

　　padding-top:1px;
　　padding-right:2px;
　　padding-bottom:1px;
　　padding-left:2px;
　　代码简化为：padding:1px 2px

　　padding-top:1px;
　　padding-right:2px;
　　padding-bottom:3px;
　　padding-left:2px;
　　代码简化为：padding:1px 2px 3px

　　padding-top:1px;
　　padding-right:2px;
　　padding-bottom:3px;
　　padding-left:4px;
　　代码简化为：padding:1px 2px 3px 4px

border

　　border-width:1px;
　　border-style:solid;
　　border-color:#000000;
　　代码简化为：border:1px solid #000

background

　　background-color:#CCFFFF;
　　background-image:url(图片路径);
　　background-repeat:repeat-x;
　　background-position:5px 4px;
　　代码简化为：background:#CFF url(图片路径) repeat-x 5px 4px

font

　　font-size:26px;
　　font-weight:bold;
　　font-family: “宋体”;
　　代码简化为：font:26px bold “宋体”

color属性值

　　color:#000000;
　　color:#ff0000;
　　代码简化为：color:#000, color:#f00

用CSS来控制图片显示大小的代码
img,aimg{border:0;margin:0;padding:0;max-width:590px;width:expression(this.width590?"590px":this.width);max-height:590px;height:expression(this.height590?"590px":this.height);}

css常见问题解决方法小结
1.检查HTML元素是否有拼写错误、是否忘记结束标记即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。2.检查CSS是否

relative absolute无法冲破的等级问题解决第1/3页
前段时间记得好像是谁在群里提出了一个实在是让大家都觉得很不理解的一个问题：ulli第一块/lilispan第二块/span/lili第三块/lili第四块/lili第五块/li/ul如