CSS (Cascading Style Sheets) - в переводе означает каскадные таблицы стилей. После появления CSS значительно облегчилось создание сайтов, так как сделать хороший дизайн без их применения крайне сложно.

Но главное то, что CSS позволяет делать сайты намного быстрее. 

CSS может работать с таблицами, шрифтами, изображениями и демонстрирует гораздо большие возможности, чем обычный html.

Например, если необходимо изменить цвет, шрифт и размер заголовка для тэга <h1> для всего сайта. Как быть? В html нам пришлось бы дописывать данные параметры для данного <h1> тега везде где он встретиться. Можно представить сколько это работы... А в CSS надо просто один раз задать требуемые параметры. И это еще не все преимущества CSS.

Отличие CSS от HTML

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

Или например, нам необходимо создать сайт на определенную тему из 100 страниц. Естественно, лучше весь сайт выполнить в одном стиле (цвет фона, шрифта, ссылок). Если такой сайт делать без CSS, то на каждой новой странице нужно указывать каждый раз фон, ссылки нужного цвета и шрифты определенного размера...
На CSS достаточно в отдельном файле прописать стиль одинаковый для всех страниц. Всё намного проще!

Таким образом, основными преимуществами CSS являются:

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

Следующая страницаКак работает CSS. Создание и подключение таблиц.