Длина строки
Сколько знаков помещается в одной строке. Хорошая строка — 45–75 знаков; длиннее — глаз промахивается, возвращаясь к началу следующей, короче — чтение становится рваным. Задаётся шириной блока: max-width: 65ch — это примерно 65 знаков.
Как это выглядит: .text { max-width: 65ch; line-height: 1.65; } 65ch ≈ 580px при шрифте 16px — строка сама подстраивается под размер шрифта
Не путать: Длина строки — не ширина страницы: страница может быть 1100 px, а текстовый блок внутри — 65ch. И это не количество слов: знаки и пробелы считаются вместе, поэтому «примерно 12 слов» — не то же самое, что 65 знаков. Не путать и с переносом слов: перенос — про длинные слова, длина строки — про ширину блока.
Откуда слово: В типографике это называют «мерой набора»: строка измерялась не в сантиметрах, а в знаках — по ширине наборной полосы. Единица ch в CSS появилась в 2011 году и буквально означает ширину символа «0» (character). Так ширина блока стала измеряться в знаках — как в типографии.
Где это проходят: урок 10.2 «Длина строки: почему 65 знаков читаются, а 150 — нет» · Интерфейсы и сайты с нуля
Связанные слова
Ещё слова раздела «Интерфейсы и браузер»
- HTML
- Тег
- CSS
- Селектор и класс
- Отступы: padding и margin
- Вёрстка
- Flex
- Адаптивность
- JavaScript
- Событие
- Скрипт
- Браузер
- Ошибка 404
- Крошки
- Песочница
- Куки
- Спрайт
- Анимация
- Хитбокс
- Иерархия
- Контраст
- Палитра
- Насыщенность
- Сетка
- Отступ
- Аффорданс
- Гештальт
- Закон Фиттса
- Закон Хика
- Закон Якоба
- Когнитивная нагрузка
- Типографика
- Кегль
- Межстрочный интервал
- Шкала размеров
- Брейкпоинт
- Юзабилити
- Скринридер
- Тепловая карта
- Дизайн-токены
- Фирменный стиль
- Гайдлайн
- Айдентика
- Акцидентный шрифт
- Плотность интерфейса
- HTTPS
- Закон Миллера
- Общая судьба
Весь словарь программиста — 135 слов с объяснениями, примерами и ссылками на уроки.