|
一些CSS属性允许使用一串值代替许多属性，值使用空格分开。
margin,pdding和border-width允许合并margin-top-width,margin-right-width,margin-bottom-width等等，形式像这样：property:toprightbottomleft;逆时针顺序。
所以下面的：
p{
border-top-width:1px;
border-right-width:5px;
border-bottom-width:10px;
border-left-width:20px;
}
可以写成：
p{
border-width:1px5px10px20px;
}
border-width,border-color,border-style同样可以合并到一起，例如：
p{
border:1pxredsolid;
}
（同样可以运用到border-top,border-right等等）
如果只使用两个值（比如margin:1em10em;），第一个值包括顶部和底部，第二个值包括左右。
字体属性同样可以使用font属性合并。
p{
font:italicbold1em/1.5courier;
}
（上面"/1.5"是line-height的值）
把它们总结在一起，试下下面的代码：
p{
font:1em/1.5"TimesNewRoman",times,serif;
padding:3em1em;
border:1pxblacksolid;
border-width:1px5px5px1px;
border-color:redgreenblueyellow;
margin:1em5em;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:1px2px
padding-top:1px;
padding-right:2px;
padding-bottom:3px;
padding-left:2px;
代码简化为：padding:1px2px3px
padding-top:1px;
padding-right:2px;
padding-bottom:3px;
padding-left:4px;
代码简化为：padding:1px2px3px4px
border
border-width:1px;
border-style:solid;
border-color:#000000;
代码简化为：border:1pxsolid#000
background
background-color:#CCFFFF;
background-image:url(图片路径);
background-repeat:repeat-x;
background-position:5px4px;
代码简化为：background:#CFFurl(图片路径)repeat-x5px4px
font
font-size:26px;
font-weight:bold;
font-family:“宋体”;
代码简化为：font:26pxbold“宋体”
color属性值
color:#000000;
color:#ff0000;
代码简化为：color:#000,color:#f00
本文TAG关键词：
css
属性
郑州网页设计培训
缩写
|
