CSS: правильное использование - залог успеха
Категория реферата: Рефераты по информатике, программированию
Теги реферата: реферат развитие, курсовики скачать бесплатно
Добавил(а) на сайт: Lomtev.
Предыдущая страница реферата | 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 | Следующая страница реферата