ddc
联网
Dreamweaver Flash Photoshop 其它周边 web标准 asp php .net CSS WAP网站攻略 专题
网站建设 域名注册 网站建设 虚拟主机 广州网站设计 域名注册 广州网站建设 上海网站建设 虚拟主机 广州网页设计 虚拟主机 域名注册 acg王国 ACG玩家 品牌设计 上海网站建设
求创科技
网站建设
中国互联
素材出售
中国设计秀
中资源
当前位置:网络学院首页 >> 设计教程 >> web标准 >> CSS中级指南-快捷属性

CSS中级指南-快捷属性

来源:中国设计秀    作者:HTMLDog    点击:19     加入收藏

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

marginpaddingborder-width允许你把诸如margin-top-widthmargin-right-widthmargin-bottom-width等用属性: 上 右 下 左(property: top right bottom left;)组合起来。

所以:

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

可以概括起来:

p { border: 1px red solid; } 

(这也可应用到border-topborder-right等)

加入只指定两个值(比如margin: 1em 10em;),第一个值是上和下,第二个值是右和左。

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

p { font: italic bold 1em/1.5 courier; } 

1.5是行高)

所以,组合起来吧,试试这个:

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; }

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

0
顶一下
2005-09-03 12:19:16    出处:HTMLDog
Google
热点文章/相关文章
网站地图 | 关于我们 | 联系我们 | 网站建设 | 广告服务 | 版权声明 | 免责声明 | 网站公告 | 友情链接 | 留言 | 旧版入口