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для выравнивания текста