HTML -стили
Атрибут HTML style
используется для добавления к элементу стилей, таких как цвет, шрифт, размер и т. д.
Пример
я красный
я синий
Я большой
Атрибут стиля HTML
Установка стиля HTML-элемента может быть выполнена с помощью style
атрибута.
Атрибут HTML style
имеет следующий синтаксис:
<tagname
style="property:value;">
Свойство является свойством CSS. Значение является значением CSS.
Вы узнаете больше о CSS позже в этом уроке.
Фоновый цвет
Свойство CSS background-color
определяет цвет фона для элемента HTML.
Пример
Установите цвет фона страницы на голубой:
<body style="background-color:powderblue;">
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
Пример
Установите цвет фона для двух разных элементов:
<body>
<h1 style="background-color:powderblue;">This is a heading</h1>
<p
style="background-color:tomato;">This is a paragraph.</p>
</body>
Цвет текста
Свойство CSS color
определяет цвет текста для элемента HTML:
Пример
<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>
Шрифты
Свойство CSS font-family
определяет шрифт, который будет использоваться для элемента HTML:
Пример
<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>
Размер текста
Свойство CSS font-size
определяет размер текста для элемента HTML:
Пример
<h1 style="font-size:300%;">This is a heading</h1>
<p
style="font-size:160%;">This is a paragraph.</p>
Выравнивание текста
Свойство CSS text-align
определяет горизонтальное выравнивание текста для элемента HTML:
Пример
<h1 style="text-align:center;">Centered Heading</h1>
<p style="text-align:center;">Centered paragraph.</p>
Краткое содержание главы
- Используйте
style
атрибут для стилизации HTML-элементов - Использовать
background-color
для цвета фона - Использовать
color
для цветов текста - Использовать
font-family
для текстовых шрифтов - Используйте
font-size
для размеров текста - Использовать
text-align
для выравнивания текста