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

Глобальні стилі документа — це набір успадкованих і не успадкованих 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>