W3.CSS Значення за замовчуванням
W3.CSS легко читати
Сторінки, зроблені за допомогою W3.CSS легко читаються навіть людьми з невеликими порушеннями зору.
- Розмір шрифту за замовчуванням - 15 пікселів
- Сімейство шрифту за замовчуванням - Verdana зі зручним міжлітерним інтервалом
- Міжрядковий інтервал за замовчуванням (1,5) також досить зручний
HTML Заголовки <h1> - <h6>
За замовчуванням W3.CSS стилізує заголовки HTML таким чином:
Приклад
<h1>Заголовок 1 (36px)</h1>
<h2>Заголовок 2 (30px)</h2>
<h3>Заголовок 3 (24px)</h3>
<h4>Заголовок 4 (20px)</h4>
<h5>Заголовок 5 (18px)</h5>
<h6>Заголовок 6 (16px)</h6>
Спробуйте самі »
Класи Font-Size (розмір шрифту)
Заголовки слід використовувати для того, чим вони є: в якості заголовків.
В W3.CSS розміри шрифту можна встановити за допомогою наступних класів w3-size:
Приклад
w3-tiny
w3-small
w3-medium (за замовчуванням)
w3-large
w3-xlarge
w3-xxlarge
w3-xxxlarge
w3-jumbo
Спробуйте самі »
Відміна налаштувань W3.CSS за замовчуванням
Змінити налаштування W3.CSS за замовчуванням дуже просто.
У вас є як мінімум три варіанти:
- Відмінити налаштування за замовчуванням в <head> розділі вашої сторінки
- Додати свій власний CSS-файл після W3.CSS
- Завантажити і змінити зміст файлу W3.CSS
Перевизначити в <head>
h1{font-size:64px;}
h2{font-size:48px;}
h3{font-size:36px;}
h4{font-size:24px;}
h5{font-size:20px;}
h6{font-size:18px;}
Спробуйте самі »
Додайте свій CSS
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet"
href="myStyle.css">
Змініть W3.CSS
h1{font-size:36px} h2{font-size:30px} h3{font-size:24px} h4{font-size:20px} h5{font-size:18px} h6{font-size:16px}
Зміна шрифту за замовчуванням
В заголовку вебсторінки (або в таблиці стилів) після завантаження W3.CSS змініть стиль html та body:
Приклад
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<style>
html, body, h1, h2, h3, h4, h5, h6 {
font-family: cursive, sans-serif;
}
</style>
Спробуйте самі »
