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

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

Другими словами, css – это язык стилей. С его помощью можно задавать любые значения для любых элементов сайта. Изменять фон, цвет, позиционирование, размер, отступы и многое другое. Возможность разместить любой элемент сайта в любом месте, и при этом, задать ему любые параметры.

При создании сайта простым способом, то есть, когда все элементы сайта (таблицы, цвета, размер шрифта, картинки и т. далее) собраны в кучу, на одной странице собран весь код. Понятно, что редактировать такую беспорядочную структуру, сложновато. Одно дело, когда это простой сайт, созданный из нескольких страниц, с небольшим количеством статей, а если это сайт – портал, то управление таким сайтом практически превращается в долгую и нудную процедуру и работает такой сайт хуже. Поэтому были придуманы таблицы стилей (css).

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

Как работает css?

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

Разница между html и css очевидна. Язык html используется для создания структуры сайта, а css, используется для форматирования всей структуры сайта.