Стили CSS

Давайте познакомимся с возможностями CSS при работе с текстом. В нашей статье мы начнем детальный обзор возможностей CSS при отображении текста. Создание стилей для текста – одна из основных задач при создании сайта. Об этом читайте в нашем материале. А если интересует впс сервер, переходите по ссылке https://smzka.ru/novosti/razmecshenie_sajtov_v_interenete.

Свойство «text-indent»

Свойство «text-indent» - определяет отступы. При необходимости в тексте позволяет выделить параграф с помощью установки отступа для его первой строки. 

  • Пример для практики Пропишем в таблице CSS стиль для всех тегов Р. Пусть первая строка каждого абзаца будет отступать от начала строки на 20 px. Теперь Вы знаете, как начать абзац с красной строки.

Свойство «text-align»

Свойство «text-align» - выравнивание текста по желанию автора. Это свойство отвечает за размещение текста на странице. Оно имеет значения: «left», «right», «center» и «justify». По-умолчанию, текст выравнивается по левой стороне, поэтому «left» указывать не обязательно. 

  • Пример для практики: Пропишем в таблице CSS стили для тегов H1, H2, H3 и P. Разбирая эти стили, браузер должен установить заголовок H1 в центре строки, заголовок H2 справа, H3 слева, а текст в абзацах должен быть выровнен по обеим сторонам. Сохраняем таблицу стилей и смотрим, как справился браузер с поставленной нами задачей. Как видим, все получилось. Этим свойством Вы будете пользоваться очень часто, поэтому хорошенько его запомните.

Свойство «text-decoration»

Свойство «text-decoration» - декоративный вариант. Если Вам захочется выделить текст такими декоративными эффектами как подчеркивание, используйте это свойство.

  • Пример для практики: Пропишем в таблице CSS стили для тегов H1, H2 и H3. Заголовок H1 будет подчеркнутым снизу, заголовок H2 сверху, а заголовок H3 будет зачеркнут. Можете убедиться, все получилось так, как мы и хотели.
Самое читаемое