Что такое CSS в веб дизайне?

css это таблица стилей.
Это отдельный файл либо тэг <style> </style>, который задаёт стиль определенным тэгам на странице, а так же предоставляет возможность использовать набор собственных классов.

Во-первых он расширяет возможности html, поскольку набор свойств у него значительно шире, а во-вторых существенно оптимизирует код.

Вот допустим у нас на страницах сайта есть 500 тегов <font size="2" color="#cccccc"><b> текст</b></font>
Предположим это заголовки в таблице. Если вам вдруг цвет надо сменить, вы же не будете все 500 тегов менять вручную (хотя это можно делать поиском, но если эти теги расбросаны по сотни страниц, это утомительно) .
По этому всё решается просто.
создается класс .myheader (это имя)

.myheader {
font-size: 2;
font-color: #cccccc;
font-weight:bold;
}
И вместо этой кучи тэгов в заголовках просто пишут тэг <font id="myheader">
То есть стиль строится по модульному прицнипу. Класс можно изменить, или вовсе поменять на другой, при этом он применится ко ввсем тэгам с этим классом.

Или же если нужно что бы вообще все тэги были такие, в css прописывается сам тэг

td {
font-size: 2;
font-color: #cccccc;
font-weight:bold;
}
И при подгрузке css-файла все тэги td будут обладать этими свойствами (текст в них будет жирным, 2-го размера и цвета #CCC)

ясно?

Таблица стилей шрифтов.