Новая версия сайта находится по адресу
wa.artel.by
Материал взят c сайта http://www.richinstyle.com c нарушением всех авторских прав. Перевод by FireFalcon.
Что такое CSS вы, несомненно, знаете. Вы, скорее всего, знакомы и с его идеологией. Однако знаете ли вы, как ПРАВИЛЬНО писать таблицы стилей? Даже, если думаете, что знаете, не поленитесь прочитать этот цикл статей. Пригодится.
Фишка 1 - правильная организация.
Один из главных факторов эффективности таблиц стилей - правильная организация или, точнее, структурирование. Например, не совсем правильно разделять стили для различных секций (шрифтов, отступов, цветов). Более правильно разделять стили
для элементов (H1 {color: red})
для классов (P.copyrightnotice {color: red})
для идентификаторов ID (#main {width: 60%})
Во-вторых желательно отсортировать их в алфавитном порядке. После всего этого таблица будет выглядеть вот таким образом:
/* Элементы */
ADDRESS {}
BODY {}
DIV {}
H1 {}
H2 {}
H3 {}
H4 {}
LI {}
OL {}
P {}
UL {}
/* Классы */
A.offsite:link {}
P.introduction {}
/* IDs */
DIV#body {}
Фишка 2 - Краткость - сестра таланта.
Краткость - тоже очень важный критерий правильных таблиц стилей. Надо избавиться от мусора, который захламляет таблицы стилей. Например вот такого:
BODY {font-variant: normal;
font-stretch: none;
letter-spacing: normal;
word-spacing: normal;
text-decoration: none}
H1 {text-decoration: none;
font-style: normal}
Эти стили - полная ерунда. Потому что старые браузеры, не поддерживающие CSS, все равно будут иметь любые значения text-decoration на любых элементах, кроме <A>. Более того, {text-decoration: none} для <BODY> вообще ни на что не влияет, как и декларации для H1. Все остальное тоже совершенно лишнее и только увеличивает время загрузки страницы. Логичный вопрос: "Вам это надо?"
Для того, чтобы Вы излишне не напрягались, следующие советы в следующей статье. Однако не спешите ее читать, информация лучше усваивается маленькими порциями ;)
