css - 你能想到哪些好的 CSS 速记？

Question

我能想到的一些是

font: bold 20px Verdana, sans-serif /* 一行表示变体、大小和系列 */

color: #336 /* 短颜色代码 */

height: 0 /* 0时不需要指定单位 */

border: 0 /* 和border: 一样的效果，但是更短 */

background: #ffc /* 如果只需要颜色，则无需使用背景颜色 */

填充：0；边框：0；margin: 0 /* 只显示内容，不显示其他 */

border: 1px dashed #ff0 /* 粗细、样式和颜色 */

margin: 0 0.5em /* 指定上、下、左、右边距 */

Answer 1

 1. background: #fff url(image.png) no-repeat 20px 100px fixed;
 2. ul { list-style: decimal-leading-zero inside; }

逗号分隔的声明

1. h1，h2，h3，h4，h5，h6 {字体系列：Helvetica，Verdana，无衬线；}

第一个孩子选择器

 1. .footer em:first-child { color:#ccc; }

CSS3 特性

带半径的圆角框

1. .rounded_corner { -moz-border-radius:10px; -webkit-border-radius:10px; width:400px; height:100px; background-color:#000; }

阴影效果

.shadow { 宽度：400px; 高度：200px；背景颜色：#000; -webkit-box-shadow: 5px 5px 2px #ccc; }

Answer 2

您还可以使用字体属性指定行高

font: bold 20px/1em Verdana, sans-serif /* one line for variant, size, and family */

其中 1em 是行高

Answer 3

大纲的另一个：

outline:3px dotted gray;

list-style 也支持图像：

list-style:square inside url(image.gif);

有点多余，但这是另一篇解释它们的文章：

http://www.456bereastreet.com/archive/200502/efficient_css_with_shorthand_properties/