RSS
热门关键字:  背景音乐代码  播放器代码  校播放器代码内网  漂亮的雪  浪漫
当前位置 :| 主页>校内网使用教程>

快捷属性缩写-CSS代码中级教程

来源:www.biyela.net 作者:新版校内网代码 时间:2008-02-11 点击:

#www.biyela.net {}
/* 此代码由 BIYELA校内网代码(www.biyela.net) 收集/整理/调试*/
有些CSS属性允许一连串的属性组合,用英文半角空格隔开即可。

margin、padding和border-width允许你把诸如margin-top-width,margin-right-width,margin-bottom-width等用属性: 上 右 下 左

(property: top right bottom left;)组合起来。
所以:


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

可以概括起来:


 Example Source Code [www.biyela.net]
p {
border: 1px red solid;
}

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

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


 Example Source Code [www.biyela.net]
p {
font: italic bold 1em/1.5 courier;
}

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


 Example Source Code [www.biyela.net]
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;
}

很有趣吧?(看起来也应该不难,只要你心里记住,时钟是朝哪个方向走的——译者注)
/* biyela.net */

BIYELA校内网代码 http://www.biyela.net

最新评论共有 0 位网友发表了评论
发表评论
评论内容:不能超过250字,需审核,请自觉遵守互联网相关政策法规。
用户名: 密码:
匿名?
注册
栏目列表