Антипаттерны CSS

Небольшой сборник советов при работе с css.

1. Неточные имена классов

.red { color: red; font-style: italic }

Не стоит называть класс по визуальному отображению(цвет, картинка, итд). При смене дизайна сайта такие правила придется удалить или переименовать (изменится цвет элементов). Если же использовать логические имена, то достаточно будет изменить css правило на новое. Имя класса должно быть логичным и понятным. Например, класс red используется скорее всего для выделения содержимого. В этом случае лучше назвать класс highlight.

Добавление CSS стилей на html страницу

Существует 4 способа добавить CSS на страницу:

1. Вложение — CSS код прописывается непосредственно в нужном теге Html элемента с помощью атрибута Style.
Для любого тэга можно задать стиль. Стиль определяется внутри атрибута style.
Например, <p  style="background: red"></p> .

Приоритеты в CSS

Различают несколько типов стилей.

1. По-умолчанию. Описывается в стандарте HTML.
Для HTML 4 - http://www.w3.org/TR/CSS2/sample.html

2. ПользовательскийПользователь может подключить свой файл со стилями для html страницы. В разных браузерах это можно сделать по разному.

3. АвторскийСобственно то, что разработчики сайта подключили одним из 4х методом(ссылка).