CSS基础教程: CSS的属性缩写
发布时间:2015-11-05 来源:查字典编辑
摘要:一些CSS属性允许使用一串值代替许多属性,值使用空格分开。margin,pdding和border-width允许合并margin-top-...
一些CSS属性允许使用一串值代替许多属性,值使用空格分开。
margin,pdding和border-width允许合并margin-top-width,margin-right-width,margin-bottom-width等等,形式像这样:property:toprightbottom逆时针顺序。
所以下面的:
p{
border-top-width:
border-right-width:
border-bottom-width:
border-left-width:
}
可以写成:
p{
border-width:1px5px10px
}
border-width,border-color,border-style同样可以合并到一起,例如:
p{
border:1pxred
}
(同样可以运用到border-top,border-right等等)
如果只使用两个值(比如margin:1em),第一个值包括顶部和底部,第二个值包括左右。
字体属性同样可以使用font属性合并。
p{
font:italicbold1em/1.5courier;
}
(上面"/1.5"是line-height的值)
把它们总结在一起,试下下面的代码:
p{
font:1em/1.5"TimesNewRoman",times,
padding:3em
border:1pxblack
border-width:1px5px5px
border-color:redgreenblueyellow;
margin:1em
}
推荐大家使用缩写形式,促进CSS代码的精简、优化!