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>
Попробуйте сами »
