ЛУЧШИЙ САЙТ ДЛЯ ВЕБ-РАЗРАБОТЧИКОВ
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP КАК СДЕЛАТЬ W3.CSS JQUERY XML JAVA БОЛЬШЕ 🔍 ◑ КНИГИ СПРАВОЧНИКИ УПРАЖНЕНИЯ
HTML5. Уроки для начинающих

En Ua

HTML Стили

❮ Prev Next ❯

В этой теме:

Пример

I am Red

I am Blue

I am Big

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

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

Для визуального оформления html-страницы применяются различные стили элементов.

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

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

<название_тега style="свойство:значение;">

где 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 =";">This is a paragraph.</p>

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

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