Всё, что бросается в глаза на экране - будь то текст, изображения, таблицы или иные элементы, создающие смысловое ядро веб-страницы (так называемый контент), рождается благодаря языку разметки.

По сути, описание Web-страницы на HTML это целый набор инструкций и тегов, который «переводит» браузер. Запомнить значение каждого из них наизусть - задача почти невыполнимая, да и не требуется! Главное, иметь под рукой удобный справочник, где всегда можно быстро найти описание нужного вам HTML тега.

Именно следуя этим инструкциям, программа умело расставляет текст по экрану, встраивает рисунки из отдельных графических файлов и выстрачивает «гиперсвязи» с другими документами или ресурсами сети Интернет.

Но, к сожалению, у стандартного языка HTML есть один существенный недостаток. Например, чтобы описать разметку абзацев в контенте и их оформление, приходится дублировать эти свойства для каждого отдельного абзаца, даже если на одной страничке находится 10 или 20 таких блоков. Это немного раздражает, согласитесь!

А вот CSS совместно с языком HTML позволяют творить настоящие чудеса! Всё благодаря грамотному разделению труда при создании веб-страниц. Структурная разметка элементов остаётся за HTML, а всё визуальное «украшательство» и стиль элементы получают именно от таблиц CSS.