白天 |  黑夜

CSS中级教程 快捷属性缩写

船长 发表于 2009-06-16 09:50 | 分类:css | 阅读数:290 次

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

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

Example Source Code
p { 
border-top-width: 1px; 
border-right-width: 5px; 
border-bottom-width: 10px; 
border-left-width: 20px; 

可以概括起来:

Example Source Code
p { 
border: 1px red solid; 

(这也可应用到border-top,border-right等)
加入只指定两个值(比如margin: 1em 10em;),第一个值是上和下,第二个值是右和左。

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

Example Source Code
p { 
font: italic bold 1em/1.5 courier; 

(1.5是行高)
所以,组合起来吧,试试这个:

Example Source Code
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; 
本站QQ交流群:16524922,一起交流学习,互帮互助
转载请注明出处:http://www.songlecn.com/2009/06/1116/
我要评论 标签: ,
上一篇 黑色质感电脑图标png
静态页面值传递之Cookie篇 下一篇
喜欢web集结号的文章,那就通过 RSS Feed 功能订阅阅读吧!

我要评论

* 必填

* 绝不会泄露

Anti-spam image *


Css Tutorials

web集结号致力于

  • Css技巧及模板
  • Javascript技巧及特效
  • JQuery插件及应用
  • 建站图片资源
  • 网络休闲及生活感悟