最新更新 sitemap 设计搜素
网页设计
国外网站 韩国网站 个人主页 手提袋设计 CSS 网页特效 平面设计 网站设计 Flash CMS技巧 服装网站 php教程 photoshop 画册 服务器选用 数据库 Office
网上家居 虚拟主机 域名注册 云主机 网页设计 客服QQ:8208442

CSS中级指南-快捷属性

日期:09-03    来源:HTMLDog|    作者:HTMLDog

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

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