Типографика в Foundation определяет заголовки, абзацы, списки и другие встроенные элементы, которые создают привлекательные и простые стили по умолчанию для элементов.
В следующей таблице перечислены различные типы типографики, используемые в Foundation —
| Sr.No. | Типография и описание |
|---|---|
| 1 | Пункты
Абзац — это группа предложений, заданных разным шрифтом, выделенными словами, высотой строки и т. Д. |
| 2 | заголовок
Он определяет заголовки HTML от h1 до h6. |
| 3 | связи
Он создает гиперссылку, которая открывает другой документ при нажатии на текст или изображение. |
| 4 | циркуль
Он используется для разрыва между разделами с помощью тега <hr>. |
| 5 | Упорядоченные и неупорядоченные списки
Фонд поддерживает упорядоченные списки, неупорядоченные списки для перечисления вещей. |
| 6 | Списки определений
Списки определений используются для отображения пар имя-значение. |
| 7 | Цитаты
Он представляет собой блок текста, который определяет намного больше, чем обычно. |
| 8 | Сокращения и код
Аббревиатура определяет сокращенный термин слова или фразы, а код представляет собой фрагмент кода. |
| 9 | Нажатие клавиш
Используется для выполнения определенной функции. |
| 10 | доступность
Фонд предоставляет некоторые рекомендации для доступа к содержанию страницы. |
Абзац — это группа предложений, заданных разным шрифтом, выделенными словами, высотой строки и т. Д.
Он определяет заголовки HTML от h1 до h6.
Он создает гиперссылку, которая открывает другой документ при нажатии на текст или изображение.
Он используется для разрыва между разделами с помощью тега <hr>.
Фонд поддерживает упорядоченные списки, неупорядоченные списки для перечисления вещей.
Списки определений используются для отображения пар имя-значение.
Он представляет собой блок текста, который определяет намного больше, чем обычно.
Аббревиатура определяет сокращенный термин слова или фразы, а код представляет собой фрагмент кода.
Используется для выполнения определенной функции.
Фонд предоставляет некоторые рекомендации для доступа к содержанию страницы.
Sass Reference
Вы можете изменить стили компонентов, используя следующие переменные SASS, перечисленные в таблице.
$ заголовок-семейство шрифтов
Определяет семейство шрифтов для элементов заголовка.
$ заголовок-начертание шрифта
Определяет вес шрифта заголовков.
$ заголовок-стиль шрифта
Предоставляет стиль шрифта заголовков.
$ семейство шрифтов-моноширинный
Стек шрифтов, используемый для элементов, использующих моноширинный тип, таких как примеры кода.
$ Header-размеры
Определяет размеры экранов заголовков, и каждая клавиша является точкой останова, а каждое значение является картой размеров заголовков.
$ заголовка цвета
Обеспечивает цвет заголовков.
$ заголовок-LineHeight
Определяет высоту строки заголовков.
$ заголовков край дно
Обеспечивает нижнее поле заголовков.
$ заголовок-текст-рендеринг
Определяет метод для рендеринга текста.
$ малого размера шрифта
Определяет размер шрифта для <small> элементов.
$ параграфный краю дна
Определяет нижнее поле абзацев.
$ абзаца текста рендеринга
Методы визуализации текста абзаца.
$ код цвета
Предоставляет цвет текста для примеров кода.
$ код-семейство шрифтов
Предоставляет семейство шрифтов для примеров кода.
$ Код границы
Определяет границу вокруг кода.
$ кодовой набивка
Определяет отступ вокруг текста.
$ якорного цвета
Цвет по умолчанию для ссылок.
$ якорного цвета-парение
Определяет цвет по умолчанию для ссылок при наведении.
$ якорного текста украшения
Текстовое оформление по умолчанию для ссылок.
$ якорного текста украшения-парения
Текстовое оформление по умолчанию для ссылок при наведении.
$ ч ширины
Определяет максимальную ширину разделителя.
$ ч-граница
Определяет границу по умолчанию для разделителя.
$ ч рентабельность
Поле по умолчанию для разделителя.
$ список-LineHeight
Он определяет высоту строки для элементов в списке.
$ список стиле типа
Предоставляет тип маркера для неупорядоченных списков.
$ список-стиль-позиции
Он определяет позиционирование пуль в неупорядоченных списках.
$ список сторона рентабельность
Определяет левое (или правое) поле.
$ defnlist перспективе вес
Предоставляет вес шрифта для элементов <dt>.
$ defnlist срок рентабельность дно
Обеспечивает интервал между элементами <dt> и <dd>.
$ BLOCKQUOTE цвет
Применяет цвет текста элементов <blockquote>.
$ BLOCKQUOTE-обивка
Обеспечивает заполнение внутри элементов <blockquote>.
$ BLOCKQUOTE границы
Это дает боковую границу для элементов <blockquote>.
$ процитировать-размер шрифта
Определяет размер шрифта для элементов <cite>.
$ процитировать цвет
Предоставляет цвет текста для элементов <cite> .
$ нажатия клавиши-шрифт
Определяет семейство шрифтов для элементов <kbd>.
$ нажатия клавиши цвет
Определяет цвет текста для элементов <kbd>.
$ нажатия клавиши-фон
Предоставляет цвет фона для элементов <kbd>.
$ нажатия клавиш набивка
Определяет заполнение для элементов <kbd>.
$ нажатия клавиш радиус
Отображает радиус границы для элементов <kbd>.
$ сокр-подчеркивание
Предоставляет стиль нижней границы для элементов <abbr>.