Реферат: CSS: правильное использование - залог успеха

border-right: 1px solid #000;

border-bottom: 1px solid #000;

border-left: 1px solid #000;

padding-top: 10px;

padding-right: 10px;

padding-bottom: 10px;

padding-left: 10px}

Воспользуемся сокращенными формами записи, и правило для блока у нас получится такое:

#rule {

font: bold 12 px Verdana, sans-serif;

width: 300px;

border: 1px solid #000;

padding: 10px}

Первое правило занимало 290 байт, а второе всего 96. Вес уменьшился в три раза, т. е. оптимизация достигла 300%! Конечно, этот пример показывает что будет, если не использовать сокращений вообще, но тем не менее он совершенно реальный и вам частенько придется создавать очень похожие блоки, так что примите к сведению эти 300%.

Группировка

Для оптимизации таблиц стилей надо с умом применять группировку. Как вы уже знаете, группировка - это объединение селекторов с одинаковыми объявлениями. Однако из этого определения не вытекает достаточно неочевидное утверждение, что группировать селекторы можно только в том случае, если они содержат совершенно одинаковые объявления. Например, у нас есть такая таблица стилей:

P {

color: #000;

font: 14pxTahoma, Verdana, sans-serif}

TD {

color: #000;

font: 14pxTahoma, Verdana, sans-serif}

P {

text-indent: 2em}

BODY {

color: #000;

font: 14pxTahoma, Verdana, sans-serif}

Ее можно оптимизировать так:

P, TD, BODY {

color: #000;