Цель атрибута style заключается в предоставлении простого способа изменения внешнего вида практически любого HTML элемента.
Примечание: тут мы рассматриваем атрибут style для формирования общего представления об использовании CSS стилей для оформления веб-страниц.
Код примера познакомит вас с новым способом форматирования документа:

стили

Этот текст написан красным цветов с помощью шрифта Verdana.

Этот текст написан зеленым цветом с помощью шрифта Times.

Этот текст имеет размер 30 пикселей.

качестве значения может принимать любое доступное значение цвета (про различные значения цветов смотрите ниже), после свойства обязательно должно идти двоеточие и значение, после значения обязательно ставится точка с запятой, эти правила распространяются на все свойства атрибута style. Если нужно задать несколько свойств стиля для одного элемента, то каждое последующее свойство записывается после ";" предыдущего свойства.

свойству можно задать любой цвет для текстового содержимого. В качестве значения свойство color может принимать названия цветов, задание цвета посредством процентного соотношения красного, зеленого и синего или использовать шестнадцатеричные коды.
Определение цвета по названию

названия. Предположим, вы хотите задать серебристый цвет для текста в элементе:
color: silver;
Итак, чтобы задать цвет таким образом, нужно просто указать его название в качестве значения свойства. При этом не имеет значения, пишите вы названия строчными или прописными буквами, поэтому можно написать silver, Silver или SILVER, и все это будет работать.
Определение цвета через значение, задаваемое сочетанием красного, зеленого и синего
Можно определить цвет, указав сочетание красного, зеленого и синего в определенной пропорции. Допустим, вам нужно задать оранжевый цвет, который состоит из 80% красного, 40% зеленого и 0% синего.

задавать значение красного, зеленого и синего числами от 0 до 255. Например, вместо 80% красного, 40% зеленого и 0% синего можно писать 204 красного, 102 зеленого и 0 синего.
Посмотрите, как для задания цветов используются обычные числовые значения:

шестнадцатеричным кодам. Каждый набор двух цифр такого кода представляет красную, зеленую и синюю составляющую цвета. Так, первые две цифры представляют красный цвет, следующие две - зеленый и последние две -синий:
color: #cc6600;

разделены на семейства, в которых вы можете выбрать, какой шрифт лучше подходит для определенного элемента на странице.
font-family: Verdana, Geneva, Arial, sans-serif;
Свойство font-family дает возможность задать список предпочтительных шрифтов, которые указываются через запятую. Если имя шрифта состоит из нескольких слов, то такое название следует заключить в двойные кавычки, например: "Courier New".

текста. В CSS есть несколько единиц измерения, с помощью которых можно задавать размер для текста, все они подробно описаны в разделе Единицы измерения CSS. Также имеется возможность задавать размер с помощью ключевых слов:
font-size: medium;

которое позволяет выравнять текст по правой или левой строне, а так же задать выравнивание текста по ширине. Свойство text-align работает только с блочными элементами, выравнивая все строчные элементы внутри блочного:

Заголовок

Очень маленький размер текста.

Этот текст будет выровнен по правому краю.