CSS属性缩写/自关闭标签

88 阅读1分钟

缩写虽然可以减少工作量,但完整格式更方便阅读理解。

补白和边界值常规缩写

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>