缩写虽然可以减少工作量,但完整格式更方便阅读理解。
补白和边界值常规缩写
padding-top:0px;
padding-right:20px;
padding-bottom:10px;
padding-left:30px;
可缩写为:
padding:0px 20px 30px 10px;
补白和边界值上下一致,左右一致
margin-top:0px;
margin-right:20px;
margin-bottom:0px;
margin-left:20px;
可缩写为:
margin:0px 20px;
补白和边界值都相等
padding-top:20px;
padding-right:20px;
padding-bottom:20px;
padding-left:20px;
可缩写为:
padding:20px;
边框属性
border-width:thin;
border-style:solid;
border-color:#oo7e7e;
可缩写为:
border:thin solid #oo7e7e;
背景属性
background-color:white;
background-image:url(images/cocktail.gif);
background-repeat:repeat-x;
可缩写为:
border:white url(images/cocktail.gif) repeat-x;
字体属性
font:font-style font-variant font-weight font-size/line-height font-family
自关闭标签
<img>
<input>