Как изменить шрифт заголовка в html. Задаем цвет текста
В этой главе:
Атрибут style
Атрибут style - используется для стилизации элементов непосредственно в коде. Цель атрибута style заключается в предоставлении простого способа использования CSS стилей в любом HTML-элементе.
В этом самоучителе атрибут style показан для вашего общего представления об использовании CSS, как инструмента для стилизации страниц. Основы CSS вы cможете изучить с помощью нашего самоучителя по CSS.
Код примера познакомит вас с новым способом форматирования документа:
Этот текст написан красным цветов с помощью шрифта Verdana.
Этот текст написан зеленым цветом с помощью шрифта Times.
Этот текст имеет размер 30 пикселей.
Внимательно посмотрите на пример, с помощью атрибута style мы задаем CSS стиль внутри HTML-элементов, такой способ задания стилей называется встроенным стилем.
После демонстрации работы атрибута style предлагаем вам познакомится с самыми распространенными свойствами для стилизации текста
Задний фон
Выравнивание текста
Выравнивание текста в HTML документе задаётся с помощью свойства text-align , которое позволяет выравнять текст по правой или левой строне, а так же задать выравнивание текста по ширине. Свойство text-align работает только с блочными элементами, выравнивая все строчные элементы внутри блочного:
Заголовок
Очень маленький размер текста.
Этот текст будет выровнен по правому краю.
Многие свойства, используемые в Cascading Style Sheets (CSS), аналогичны свойствам HTML. Таким образом, если вы используете HTML для дизайна страниц, вы, наверняка узнáете многие коды. Посмотрим на конкретном примере.
Базовый синтаксис CSS
Скажем, нам нужен красный цвет фона web-страницы:
В HTML это можно сделать так:
С помощью CSS того же самого результата можно добиться так:
Как видите, эти коды более или менее идентичны в HTML и CSS. Этот пример также демонстрирует фундаментальную модель CSS:
Но где размещать CSS-код? Именно этим вопросом мы и займёмся сейчас.
Применение CSS к HTML-документу
Есть три способа применить правила CSS к HTML-документу. Ниже мы рассмотри эти три метода. Мы рекомендуем сосредоточиться на третьем — то есть внешней/external таблице стилей.
Метод 1: Инлайн/In-line (атрибут style)
Можно применять CSS к HTML с помощью HTML-атрибута style . Красный цвет фона можно установить так:
This is a red page
Метод 2: Внутренний (тэг style)
Второй способ вставки CSS-кодов — HTML-тэг
This is a red page