Новая версия сайта находится по адресу
wa.artel.by
Материал взят c сайта http://www.richinstyle.com c нарушением всех авторских прав. Перевод by FireFalcon.
В заключении небольшой список советов для написания действительно правильных CSS:
1. Используйте короткую форму записи стилей, где это возможно
2. Всегда все объявления для одного элемента должны быть в одном месте
3. Уберите все ненужные объявления, такие как font-style: normal
4. Всегда объявляйте отступы для каждого блокового элемента
5. Всегда употребляйте заглавные буквы для элементов в качестве селекторов (P а не p)
6. Разбивайте таблицу стилей на секции (элементы, классы, ID). Элементы должны быть первыми
7. Все секции должны быть отсортированы в алфавитном порядке
8. Старайтесь писать компактно, но чтобы это легко читалось. Например:
P {declaration: value;
declaration: value;
declaration: value}
9. Используйте наглядные идентификаторы и элементы, подходящие по контексту. Например для выделения плохо использовать SPAN.pink {color: pink}, лучше STRONG.attentiongrabber {font-weight: normal; color: pink}.
ABBR - аббревиатуры
Acronym - акронимы (только IE 4 & 5 и Mozilla 5)
CITE - цитаты
Code - код
Dfn - определения
Em - выделение
Q - строчные кавычки
Span - все, что не подходит под остальные элементы
Strong - сильное выделение
Var - переменные
Блоковые элементы:
ADDRESS - для обозначения адреса
BLOCKQUOTE - цитата блокового уровня
DD - Definition description; можно использовать только внутри DL
DIV - для логических разбиений в целях стилей
DL - Definition list - контейнер для DT и DD
DT - Definition term - term to be defined; можно использовать только внутри DL
H1-6 - заголовок, уровни 1-6
LI - List item; можно использовать внутри OL или UL
OL - Ordered list; указывает на то, что LI, вложенное в OL, должно начинаться с цифры
P - Параграф
PRE - Отформатированный текст (т. e. текст, в котором сохраняются пробелы)
UL - нетипизированный список; указывает на то, что входящие в него LI не надо нумеровать
Если полностью следовать этим советам, то самая сложная таблица стилей не превысит 3К (если не брать в расчет классы и ID). А если она все-таки превышает этот объем, то это признак плохого дизайна. Да, и самое главное, _никогда_ не используйте таг <FONT> ;)
