Глобальні стилі

Глобальні стилі документа — це набір успадкованих і не успадкованих CSS-властивостей, зазначених у правилі тегу body, а також набір CSS-правил для завдання глобальних значень по селекторам тегу. Наприклад усунути підкреслення всіх посилань документа, скинути маркери списків, задати альтернативний шрифт усім заголовкам тощо.

body {
font-family: 'Helvetica Neue', 'Roboto', 'Verdana', sans-serif;
color: #2a2a2a;
background-color: #fafafa;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Tahoma';
}
ul, ol {
list-style-type: none;
}

Нормалізація стилів

Нормалізація стилів — це спроба вирішити цю проблему шляхом підключення ще одного файлу стилів, у якому виправлені всі можливі розбіжності між таблицями стилів браузерів. Тобто, це техніка покращення кросбраузерності веб-сторінки — однакового відображення та роботи сайту в різних браузерах.

Для цього можна використовувати готову бібліотеку modern-normalize, яка надає готовий файл стилів із нормалізацією. Все, що потрібно зробити, — це підключити цей файл стилів перед усіма вашими стилями.

<head>
<!-- Спочатку нормалізатор -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/modern-normalize@2.0.0/modern-normalize.min.css">
<!-- Потім ваші стилі -->
<link rel="stylesheet" href="./css/styles.css" />
</head>