0 added
0 removed
Original
2026-01-01
Modified
2026-02-26
1
<p>CSS предоставляет нам много возможностей для стилизации текста. Так, например, с помощью CSS мы можем влиять на:</p>
1
<p>CSS предоставляет нам много возможностей для стилизации текста. Так, например, с помощью CSS мы можем влиять на:</p>
2
<ul><li>Размер;</li>
2
<ul><li>Размер;</li>
3
<li>Цвет;</li>
3
<li>Цвет;</li>
4
<li>Насыщенность;</li>
4
<li>Насыщенность;</li>
5
<li>Выравнивание.</li>
5
<li>Выравнивание.</li>
6
</ul><h4>Размер текста</h4>
6
</ul><h4>Размер текста</h4>
7
<p>Размер текста задается с помощью свойства font-size. В качестве единиц измерения размера мы можем использовать как<em>абсолютные</em>, например,<em>пиксели</em>(px), так и<em>относительные</em>, к которым относятся<em>проценты</em>(%), а также em и rem.</p>
7
<p>Размер текста задается с помощью свойства font-size. В качестве единиц измерения размера мы можем использовать как<em>абсолютные</em>, например,<em>пиксели</em>(px), так и<em>относительные</em>, к которым относятся<em>проценты</em>(%), а также em и rem.</p>
8
<p>em показывает во сколько раз размер шрифта будет больше, чем у ближайшего вычисленного значения font-size (например, у ближайшего родительского элемента), а rem показывает во сколько раз размер шрифта будет больше, чем размер шрифта у корневого элемента, то есть у <html>.</p>
8
<p>em показывает во сколько раз размер шрифта будет больше, чем у ближайшего вычисленного значения font-size (например, у ближайшего родительского элемента), а rem показывает во сколько раз размер шрифта будет больше, чем размер шрифта у корневого элемента, то есть у <html>.</p>
9
<h4>Цвет текста</h4>
9
<h4>Цвет текста</h4>
10
<p>Для управления цветом используется свойство color. В качестве значения данное свойство принимает цвет в разных форматах цветового пространства, включая форматы<em>HEX</em>и<em>RGB</em>.</p>
10
<p>Для управления цветом используется свойство color. В качестве значения данное свойство принимает цвет в разных форматах цветового пространства, включая форматы<em>HEX</em>и<em>RGB</em>.</p>
11
<h4>Насыщенность текста</h4>
11
<h4>Насыщенность текста</h4>
12
<p>С помощью насыщенности можно выделить нужный нам участок текста. Задать значение насыщенности можно с помощью свойства font-weight, которое принимает следующие значения:</p>
12
<p>С помощью насыщенности можно выделить нужный нам участок текста. Задать значение насыщенности можно с помощью свойства font-weight, которое принимает следующие значения:</p>
13
<ul><li>normal - значение по умолчанию. Обычное начертание текста</li>
13
<ul><li>normal - значение по умолчанию. Обычное начертание текста</li>
14
<li>bold - жирное начертание текста</li>
14
<li>bold - жирное начертание текста</li>
15
<li>bolder - сверхжирное начертание</li>
15
<li>bolder - сверхжирное начертание</li>
16
<li>lighter - сверхтонкое начертание</li>
16
<li>lighter - сверхтонкое начертание</li>
17
<li>Числовые значения насыщенности от 100 до 900 с шагом 100.</li>
17
<li>Числовые значения насыщенности от 100 до 900 с шагом 100.</li>
18
</ul><h4>Выравнивание текста</h4>
18
</ul><h4>Выравнивание текста</h4>
19
<p>Выравнивание текста регулируется CSS свойством text-align, которое принимает одно из следующих значений:</p>
19
<p>Выравнивание текста регулируется CSS свойством text-align, которое принимает одно из следующих значений:</p>
20
<ul><li>left - выравнивание по левому краю страницы. Это значение по умолчанию</li>
20
<ul><li>left - выравнивание по левому краю страницы. Это значение по умолчанию</li>
21
<li>right - выравнивание по краю страницы</li>
21
<li>right - выравнивание по краю страницы</li>
22
<li>center - выравнивание текста по центру</li>
22
<li>center - выравнивание текста по центру</li>
23
<li>justify - выравнивание по ширине.</li>
23
<li>justify - выравнивание по ширине.</li>
24
</ul><p>В качестве пример рассмотрим оформление текста для параграфа:</p>
24
</ul><p>В качестве пример рассмотрим оформление текста для параграфа:</p>
25
<p>В этом примере мы задали для текста внутри параграфа неглубокий чёрный текст размером 18 пикселей с жирным начертанием, который мы выровняли по центру.</p>
25
<p>В этом примере мы задали для текста внутри параграфа неглубокий чёрный текст размером 18 пикселей с жирным начертанием, который мы выровняли по центру.</p>