Что такое хорошие css-сокращения, о которых вы можете думать?

Question

некоторые, что я могу думать являются

шрифта: жирный 20px Verdana, без засечек/* одна линия для варианта, размера и семьи */

цвет: # 336/* короткий код цвета */

высота: 0/* нет необходимости указывать единицу при 0 */

границы: 0/* такой же эффект, как границы: нет, но короткий */

фон: #ffc/* нет необходимости в используйте фоновый цвет, если все требуется цвет */

прокладка: 0; border: 0; Маржа: 0/* показать только содержание, но больше ничего */

границы: 1px пунктирная # ff0/* толщина, стиль и цвет */

запас: 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; }

Теневой эффект

.тень {ширина: 400 пикселей; высота: 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 еще один:

outline:3px dotted gray; 

список-стиль поддерживает изображения, также:

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

Любопытное избыточными, но вот еще одна статья объясняя их все:

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