手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >CSS基础教程: CSS的属性缩写
CSS基础教程: CSS的属性缩写
摘要:一些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代码的精简、优化!

【CSS基础教程: CSS的属性缩写】相关文章:

CSS常见属性缩写与全写对比

css基础教程之CSS基础语法

CSS基础教程:CSS的display属性

CSS基础教程: CSS的分组(Grouping)和嵌套(Nesting)

CSS-float的属性

CSS基础教程:margin和padding

CSS应用基础教程:应用补充

CSS基础教程:CSS的color颜色

CSS基础教程:CSS属性结合起来使用

CSS应用基础教程(4) 颜色背景

精品推荐
分类导航