Для чего нужен CSS

Здравствуйте, Анюта!

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

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

Из чего сделан сайт?

Основа любого сайта, т.е. его каркас, создается при помощи языка гипертекстовой разметки HTML и каскадных таблиц стилей CSS.

CSS – это образный язык описания того, как будет выглядеть страница в браузере на экране монитора. Этот язык включает в себя набор правил, которые указывают браузеру - какой цвет, размер, форма, и даже позиционирование и тени объектов. Этими правилами устанавливается абсолютно все, что Вы видите на сайте в своем экране.

Любой сайт можно образно назвать клиент-серверным приложением. Давайте разберемся в этом.

Ваш сайт находится на сервере какой-либо хостинг-компании. Стандартный веб-сервер представляет собой следующее:

• установленная база данных с информацией Вашего сайта;
• язык программирования, например, PHP, занимающийся запросами, посланными браузером;
• имеется папка с картинками или видео, которые находятся у Вас на сайте;
• обязательно присутствует файл с CSS-правилами;
• язык динамической активности страниц – Java Script и прочие инструменты.

Язык PHP и база данных работает с сервером, а CSS и Java Script отрабатываются у клиента (пользователя) на компьютере. В этом и есть основной смысл работы сайта.

Для чего нужен CSS?

Если бы веб-программисты и дизайнеры не использовали CSS, то сайты могли бы выглядеть примерно так: http://info.cern.ch. Это скучно, неинтересно и не заставляет остаться на таком ресурсе.

Как было сказано выше, интернет-страницы строятся с помощью HTML и CSS. Первое используется для составления макета (структуры) страницы, а второе - для придания формы и внешнего вида этому макету. Что можно делать при помощи этого универсального декоратора:

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

Для лучшего понимания хочу привести такую ситуацию. Например, Вы хотите, чтобы на сайте domotvetov.ru логотип был красного цвета, а кнопка «Задать вопрос» синяя. Также Вы хотите левое меню переместить вправо, а строку поиска опустить вниз.

Все это и не только Вам позволит сделать язык стилей CSS без участия сторонних инструментов и приложений.

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

С уважением, Евгений.