W3.CSS по умолчанию
W3.CSS легко читается
Страницы W3.CSS легко читаются даже людьми с небольшими нарушениями чтения.
- Размер шрифта по умолчанию — 15 пикселей.
- Шрифт по умолчанию — Verdana с хорошим межбуквенным интервалом.
- Межстрочный интервал по умолчанию (1,5) также очень хорош.
Заголовки HTML <h1> - <h6>
По умолчанию W3.CSS оформляет заголовки HTML следующим образом:
Пример
<h1>Heading 1 (36px)</h1>
<h2>Heading 2 (30px)</h2>
<h3>Heading 3 (24px)</h3>
<h4>Heading 4 (20px)</h4>
<h5>Heading 5 (18px)</h5>
<h6>Heading 6 (16px)</h6>
Классы размера шрифта
Заголовки следует использовать по назначению: Заголовки.
В W3.CSS размеры шрифта могут быть установлены с помощью следующих классов размера w3 :
Пример
w3-tiny
w3-small
w3-medium (Default)
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 и тела:
Пример
<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>