Последние учебники веб-разработки
 

W3.CSS Типография


Легко читаемый

W3.CSS страницы легко читать, даже для людей с небольшими ограниченными возможностями чтения.

  • Все шрифты, используемые легкие считываемые 15px без засечек шрифты
  • Стандартный шрифт (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-tiny
w3-small
w3-medium (Default)
w3-large
w3-xlarge
w3-xxlarge
w3-xxxlarge
w3-jumbo
Попробуй сам "

Замещение Стандарты

Замещение стандарты W3.CSS очень легко.

У вас есть по крайней мере три простых варианта:

  1. Override стандарт в <HEAD> раздел страницы
  2. Добавьте свой собственный файл CSS после W3.CSS
  3. Загрузить и изменить содержимое файла W3.CSS

Override в <голова>

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="http://www.w3ii.com/lib/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}