Различия

Показаны различия между двумя версиями страницы.

--- globalni_stili [2023/09/11 19:50]
tro создано
+++ globalni_stili [2023/09/11 19:58] (текущий)
tro
@@ Строка 1: / Строка 1: @@
 ====== Глобальні стилі ======
 Глобальні стилі документа — це набір успадкованих і не успадкованих CSS-властивостей, зазначених у правилі тегу body, а також набір CSS-правил для завдання глобальних значень по селекторам тегу. Наприклад усунути підкреслення всіх посилань документа, скинути маркери списків, задати альтернативний шрифт усім заголовкам тощо.
+<code>
+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;
+}
+</code>
+====== Нормалізація стилів ======
+Нормалізація стилів — це спроба вирішити цю проблему шляхом підключення ще одного файлу стилів, у якому виправлені всі можливі розбіжності між таблицями стилів браузерів. Тобто, це техніка покращення кросбраузерності веб-сторінки — однакового відображення та роботи сайту в різних браузерах.
+Для цього можна використовувати готову бібліотеку [[https://github.com/sindresorhus/modern-normalize#readme|modern-normalize]], яка надає готовий файл стилів із нормалізацією. Все, що потрібно зробити, — це підключити цей файл стилів перед усіма вашими стилями.
+<code>
+<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>
+</code>