2.12.2. Что такое css ?

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

Модульная лекция: мл 3-9

2.12.3. Чем css отличается от html ?

Изначально html использовался исключительно для разметки содержимого документа, т.е. его структуру - параграф, таблица, картинка и др. С ростом пользователей интернета, выдвигались все более серьезные требования к дизайну, т.е. внешнему оформлению страниц. Разработчиками были изобретены теги , такие как <font> , <strong> , <italic> и др. которые определяли уже не структуру, а внешний вид. Таких тегов появилось очень много. Большинство этих тегов поддерживалась только одним видом браузеров. В этом случае, при попытке просмотра того или иного сайта возникала ошибка вида:

"Вам необходим браузер X для просмотра этой страницы".

Специально для исправления этой ситуации был создан CSS . Он предоставил возможность описания дизайна, поддерживаемого всеми браузерами.

Еще один пример отличия css от html.

Допустим перед нами стоит задача сделать сайт, содержащий 100 и более страниц. По правилам хорошего тона, весь сайт необходимо выполнить в одном стиле, к примеру, зеленый фон, шрифт Verdana 14 размера , ссылки красного цвета. Если мы делаем такой сайт на языке html, то на каждой новой странице нужно указывать зеленый фон, указывать чтобы ссылки были красного цвета, каждому новому параграфу указывать шрифт 14 размера, т.е. каждой странице нужно заново создавать стиль. Теперь сделаем тоже самое на CSS . В отдельном файле создаем стиль одинаковый для всех страниц, т.е, описываем нужные для дизайна документа свойства таблицы стилей. В этом случае мы можем в каждой странице сайта включить только одну строчку, которая подключает файл, содержащий таблицу стилей. Что это дает? Представим, что нам нужно внести изменения в дизайн. Не используя CSS, нам придется заходить на каждую страницу и менять все параметры на другие, представьте сколько это займет времени. Но в случае использования CSS мы просто поменяли эти параметры в файле стилей, и на всех 100 страницах дизайн обновился! Тем более с помощью CSS можно делать такие вещи, которые на html сделать вообще нереально. Таким образом, основные преимущества CSS следующие :

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