Атрибуты

color

Устанавливает цвет текста.

face

Определяет гарнитуру шрифта.

size

Задает размер шрифта в условных единицах.

<!DOCTYPE html>

<html>

<head>

</head>

<body>

Первая буква этого предложения

написана шрифтом Arial, выделена красным цветом и увеличена в размерах.

</body>

</html>

 - предназначен для акцентирования текста. Браузеры отображают такой текст жирным начертанием.

<!DOCTYPE html>

<html>

<head>

</head>

<body>

Тут мы видим действия тега "strong".

И тут тоже.Вот сдесь действие его прекращаеться так как тег был закрыт.Но вот тут опять мы видим жирный шрифт

</body>

</html>

и др. которые определяли уже не структуру, а внешний вид. Таких тегов появилось очень много. И все бы хорошо, НО! большая доля этих тегов поддерживалась только одним видом браузеров. Обычным явлением, при попытке просмотра того или иного сайта стала ошибка: "Вам необходим браузер X для просмотра этой страницы". Специально для исправления этой ситуации был создан CSS . Он предоставил возможность точного дизайна, поддерживаемого всеми браузерами.

Допустим перед нами стоит задача сделать сайт о природе из 100 страниц. Как вы понимаете, по правилам хорошего тона, весь сайт необходимо выполнить в одном стиле, к примеру, зеленый фон, шрифт Verdana 14 размера , ссылки красного цвета.
Если мы делаем такой сайт на чистом html, то на каждой новой странице нужно указывать зеленый фон, указывать чтобы ссылки были красного цвета, каждому новому параграфу указывать шрифт 14 размера. Т.е. каждой странице нужно как-бы заново создавать стиль.
Теперь сделаем тоже самое на CSS . В отдельном файле создаем стиль одинаковый для всех страниц. И в каждой странице пропишем единственную строчку подключающую этот стиль. Вот и все!

Это круче тем что в один прекрасный день вы захотели поменять дизайн всего сайта. В случае с чистым html , Вам придется заходить на каждую страницу и менять все параметры на другие, представьте сколько это займет времени. Но в случае использования CSS вы просто поменяли эти параметры в файле стилей и на всех 100 страницах дизайн обновился! чувствуете разницу?

Тем более с помощью CSS можно делать такие вещи, которые на html сделать вообще нереально. Но об этом позже.