CSS基础教程: CSS的属性缩写
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代码的精简、优化!

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新 Div+Css教程学习
热门 Div+Css教程学习
网页设计子分类