Пишіть всі правила для кожного селектора в одному місці

Приклад 18.1

TD { background: olive; }
 TD { color: white; } 
TD { border: 1px solid black; }

Приклад 18.2

TD { background: olive; color: white; border: 1px solid black; }

Має пріоритет значення, вказане в коді нижче

Приклад 18.3

P { color: green; } P { color: red; }

Починайте з селектора верхнього рівня

Приклад 18.4

BODY { 
font-family: "Times New Roman", Times, serif; 
/* Гарнітура шрифта */
 font-size: 110%; /* Розмір шрифту */ }

Групуйте селектори з однаковими параметрами і значеннями

Приклад 18.5

#col1, #col2, #col3 {
 font-family: Arial, Verdana, sans-serif; /* Гарнітура шрифту */
 font-size: 90%; /* Розмір шрифту */ 
 font-weight: bold; /* Нормальний напис */
 color: white; /* Колір тексту */ 
} /* Колір фону для кожного слоя */
 #col1 { background: #ebe0c5; }
 #col2 { background: #bbe1c4; } 
 #col3 { background: #add0d9; }

Використовуйте ідентифікатори і класи

Приклад 18.6

.new { ... /* Цей стиль можна використовувати із будь-якими тегами */ } 
P.new { ... /* Цей стиль працює тільки для тега 

Застосовуйте універсальні стильові параметри

Приклад 18.7

P { margin-top: 10px;
 margin-right: 30px;
 margin-bottom: 5px;
 margin-left: 0;
 } 
P { margin: 10px 30px 5px 0; }