CSS text
CSS-текст представляет набор свойств для форматирования текстового содержимого веб-страниц.
Использование CSS-стилей для форматирования текста позволяет придать HTML-элементам желаемый вид, благодаря чему HTML-теги могут применяться только по своему прямому назначению — для определения структуры документа.
Свойство выравнивает строки текста внутри блока по ширине относительно его границ.
p {text-align: left;}
p {text-align: right;}
p {text-align: center;}Свойство задаёт расстояние между базовыми линиями строк текста, определяя величину, на которую увеличивается или уменьшается высота блока каждого элемента.
h1 {
font-size: 16px;
line-height: 20px;
}Применяется только к строчным элементам, к изображениям и полям форм.
Не выравнивает содержимое блочного элемента.
span {vertical-align: top;}
span {vertical-align: middle;}
span {vertical-align: bottom;}CSS-шрифты — набор свойств для управления внешним видом текста веб-страниц.
Используя различные шрифты для заголовков, абзацев и других элементов, можно задавать определенный стиль письменных сообщений, передавая желаемые эмоции и настроение.
-
px – абсолютные, чёткие, понятные;
-
em – относительно размера шрифта;
-
rem - задаёт размер относительно размера шрифта элемента <html>;
-
% – относительно такого же свойства родителя;
-
vw – 1% ширины окна;
-
vh – 1% высоты окна.
Всемирная паутина
Пример
Flexbox Froggy
