Предыдущая страница реферата | 1  2  3  4  5  6  7  8  9  10  11 | Следующая страница реферата

  font-size: 12px;

  width: 300px;

  border-top: 1px solid #000;

  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: 14px Tahoma, Verdana, sans-serif}

TD {

  color: #000;

  font: 14px Tahoma, Verdana, sans-serif}

P {

Рекомендуем скачать другие рефераты по теме: банк курсовых работ, операции реферат.





Предыдущая страница реферата | 1  2  3  4  5  6  7  8  9  10  11 | Следующая страница реферата