1. Добавьте блок комментариев в начале таблицы стилей, чтобы описать дату создания, создателя, теги и другую примечательную информацию таблицы стилей.
| Пример исходного кода : /* ---------------------------------- Сайт: Название сайта Автор: 52CSS.com Обновлено: дата и время. Обновлено: Имя ---------------------------------- */ |
2. Включая общую цветовую маркировку.
| Пример исходного кода : /* ---------------------------------- ЦВЕТА Фон тела: #def455. Фон контейнера: #fff Основной текст: #333 Ссылки: #00600f Посещенные ссылки: #098761 При наведении ссылки: #aaf433. H1, H2, H3: #960 H4, H5, H6: #000 ---------------------------------- */ |
3. Дайте осмысленные имена идентификатору и классу.
Нерекомендуемый метод именования:
| Пример исходного кода : .green-box { ... } #большой-текст { ... } |
Рекомендуемый метод именования:
| Пример исходного кода : .pullquote {... } #введение {... } |
4. Интегрируйте связанные правила стиля
| Пример исходного кода : #header { ... } #header h1 { ... } #header h1 img { ... } #форма заголовка { ... } #header a#skip { ... } #навигация { ... } #навигация ул { ... } #navigation ulli { ... } #навигация ул ли а { ... } #navigation ul li a:hover { ... } #содержание { ... } #content h2 { ... } #content п { ... } #contentul { ... } #contentulli { ... } |
5. Добавляйте понятные комментарии к стилям
| Пример исходного кода : /* ---------------------------------- стили заголовков ---------------------------------- */ #header { ... } #header h1 { ... } #header h1 img { ... } #форма заголовка { ... } /* ---------------------------------- стили навигации ---------------------------------- */ #навигация { ... } |