ЛУЧШИЙ САЙТ ДЛЯ ВЕБ-РАЗРАБОТЧИКОВ
HTML CSS JAVASCRIPT SQL PHP PYTHON JAVA KOTLIN GO C C++ C# AI W3.CSS TypeScript Как сделать? СПРАВОЧНИКИ БОЛЬШЕ 🔍 ◑ УПРАЖНЕНИЯ
HTML5. Уроки для начинающих. W3Schools на русском

Ua En Es De Fr

HTML Стили. Атрибут style

❮ Prev Next ❯

HTML атрибут style используется для добавления стилей к элементу, например цвета, шрифта, размера и т.д.

В этой теме:

Пример

Я - красный

Я - синий

Я - большой

Попробуйте сами »

Style - HTML атрибут стиля

Установка стиля HTML элемента может быть сделана с помощью атрибута style.

HTML атрибут style имеет следующий синтаксис:

<tagname style="property:value;">

где property является CSS свойством, value является CSS значением.

Вы узнаете больше о CSS далее в этом учебнике.

Background Color - Цвет фона

CSS свойство background-color определяет цвет фона для HTML элемента.

Этот пример устанавливает цвет фона в powderblue (тёмно-голубой).

Пример

<body style="background-color:powderblue;">

<h1>Это заголовок</h1>
<p>Это параграф.</p>

</body>
Попробуйте сами »

Color - Цвет текста

CSS свойство color определяет цвет текста для HTML элемента:

Пример

<h1 style="color:blue;">Это заголовок</h1>
<p style="color:red;">Это параграф.</p>
Попробуйте сами »

Font-family - Семейство шрифтов

CSS свойство font-family определяет семейство шрифта, которое используется для HTML элемента:

Пример

<h1 style="font-family:verdana;">Это заголовок</h1>
<p style="font-family:courier;">Это параграф.</p>
Попробуйте сами »

Font-size - Размер текста

CSS свойство font-size определяет размер текста для HTML элемента:

Пример

<h1 style="font-size:300%;">Это заголовок</h1>
<p style="font-size:160%;">Это параграф.</p>
Попробуйте сами »

Text-align - Выравнивание текста

CSS свойство text-align определяет горизонтальное выравнивание текста для HTML элемента:

Пример

<h1 style="text-align:center;">Центрирование заголовка</h1>
<p style="text-align:center;">Центрирование параграфа.</p>
Попробуйте сами »

Резюме раздела

  • Используйте атрибут style для стилизации HTML элементов
  • Используйте свойство background-color для установки цвета фона
  • Используйте свойство color для установки цвета текста
  • Используйте свойство font-family для установки семейства шрифтов
  • Используйте свойство font-size для установки размера текста
  • Используйте свойство text-align для выравнивания текста

HTML Упражнения

Проверьте себя с помощью упражнений

Упражнение:

Используйте корректный HTML атрибут и CSS, чтобы установить цвет параграфа 'blue' (синий).

<p =';'>Это параграф.</p>

Вопросы для самоконтроля

  • Что такое стилизация HTML-страницы?
  • Какой атрибут определяет установку стиля HTML-элемента?
  • Какое CSS свойство определяет цвет фона для HTML-элемента?
  • Какое CSS свойство определяет цвет текста для HTML-элемента?
  • Какое CSS свойство определяет семейство шрифта, который используется для HTML-элемента?
  • Какое CSS свойство определяет размер текста для HTML-элемента?
  • Какое CSS свойство определяет горизонтальное выравнивание текста для HTML-элемента?
❮ Prev Next ❯