加入收藏 设为首页 联系站长
WEB2.0教程 | CSS教程 | HTML教程 | 设计素材 | CSS 模板 | CSS酷站欣赏 | CSS布局实例 | Javascript | 建站代码 | 专业软件 | 常见问题 | 内容搜索
>首页 -> 学习教程 -> CSS教程

TOP

CSS中级教程 快捷属性缩写

[ 录入者:admin | 时间:2008-01-02 01:30:03 | 作者: | 来源: | 浏览:24次 ]

有些CSS属性允许一连串的属性组合,用英文半角空格隔开即可。

margin、padding和border-width允许你把诸如margin-top-width,margin-right-width,margin-bottom-width等用属性: 上 右 下 左(property: top right bottom left;)组合起来。
所以:

 Example Source Code [www.xxcss.com]
p { 
border-top-width: 1px; 
border-right-width: 5px; 
border-bottom-width: 10px; 
border-left-width: 20px; 

可以概括起来:

 Example Source Code [www.xxcss.com]
p { 
border: 1px red solid; 
}
 
(这也可应用到border-top,border-right等)
加入只指定两个值(比如margin: 1em 10em;),第一个值是上和下,第二个值是右和左。

字体相关的属性还可以聚合在font的属性下:

 Example Source Code [www.xxcss.com]
p { 
font: italic bold 1em/1.5 courier; 
}
 
(1.5是行高)
所以,组合起来吧,试试这个:

 Example Source Code [www.xxcss.com]
p { 
font: 1em/1.5 "Times New Roman", times, serif; 
padding: 3em 1em; 
border: 1px black solid; 
border-width: 1px 5px 5px 1px; 
border-color: red green blue yellow; 
margin: 1em 5em; 

[上一篇]CSS中级教程 背景图片 [下一篇]CSS中级教程 CSS伪类

评论

称  呼:
内  容:

相关栏目

最新文章

热门文章

推荐文章

相关文章

推荐浏览

中国百度网
安徽皖一月嫂家政
犯罪现场