CSS常用属性代码的简化写法汇总

yingjie521

CSS常用属性代码的简化写法汇总 在书写CSS的过程中，我们可以大量应用简化的写法，这样可以有效的提升工作效率。 　　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一样，在此就不多叙述 　　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