一些我能想到的是
字体:粗体20px Verdana,sans-serif / 一行变种,大小和家庭 /
颜色:#336 / 短色码 /
高度:0 / * 0 时无需指定单位 /
border:0 / 与border相同的效果:none但更短 /
背景:#ffc / 如果需要的话就不需要使用背景颜色
填充:0;边界:0;保证金:0 / 仅显示内容但没有其他内容 /
边框:1px虚线#ff0 / 厚度,样式和颜色 /
保证金:0 0.5em / 指定上,下,左,右边距 /
1. background: #fff url(image.png) no-repeat 20px 100px fixed; 2. ul { list-style: decimal-leading-zero inside; }
Comma separated declarations
First-child selectors
1. .footer em:first-child { color:#ccc; }
CSS3 features
Rounded box with a radius
.rounded_corner { -moz-border-radius:10px; -webkit-border-radius:10px; width:400px; height:100px; background-color:#000; }
Shadow effect
.shadow {width:400px;高度:200像素;背景色:#000; -webkit-box-shadow:5px 5px 2px #ccc; }
您还可以使用font属性指定行高
font: bold 20px/1em Verdana, sans-serif /* one line for variant, size, and family */
其中1em是线高
大纲的另一个:
outline:3px dotted gray;
list-style也支持图像:
list-style:square inside url(image.gif);
有点多余,但这是另一篇文章解释所有:
http://www.456bereastreet.com/archive/200502/efficient_css_with_shorthand_properties/
3 回答
Comma separated declarations
First-child selectors
CSS3 features
Rounded box with a radius
.rounded_corner { -moz-border-radius:10px; -webkit-border-radius:10px; width:400px; height:100px; background-color:#000; }
Shadow effect
.shadow {width:400px;高度:200像素;背景色:#000; -webkit-box-shadow:5px 5px 2px #ccc; }
您还可以使用font属性指定行高
其中1em是线高
大纲的另一个:
list-style也支持图像:
有点多余,但这是另一篇文章解释所有:
http://www.456bereastreet.com/archive/200502/efficient_css_with_shorthand_properties/