Урок 1: Что такое CSS ?

Здесь Вы с  узнаете что такое CSS и для чего оно нужно.

Стиль - это комплекс параметров, указывающий  на внешнее представление некого объекта в той или другой среде.

CSS - это абвиатура от Cascading Style Sheets - в переводе Каскадные таблицы стилей. Исключительное изобретение человека, значительно упрощающее создание веб-сайтов. CSS работает с полями, шрифтами, картинками, отступами,таблицами и др. и представляет много больше возможностей, чем просто html.

В чем отличия CSS  от HTML ?

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

Дальше было следующее? С каждым месяцем число пользователей интернет вырастало. Предъявлялись все более высокие требования к дизайну, т.е. внешнему оформлению веб-страниц. Вскоре разработчиками были введены новые теги , такие как <font> , <strong> , <italic> и др. которые указывали уже не конституцию, а внешний вид. Таких тегов возникло очень много. И всё было-бы хорошо, НО! большая часть этих тегов поддерживалось только одним видом браузеров. При попытке просмотра того или иного сайта,обычным делом стала ошибка : "Для просмотра данной страницы вам необходим браузер Х". Для исправления этой ситуации  специально был создан CSS. Он дал возможность точного дизайна, который поддерживают все браузеры.

Ещё один пример отличия CSS от HTML:

Представим нам необходимо создать сайт о космосе из 100 страниц. По правилам хорошего тона,как Вы понимаете, весь сайт нужно сделать в одном стиле, на пример, синий фон, шрифт Arial  12 размера , ссылки жёлтого цвета.Если мы создаём такой сайт только в html, то на каждой новой странице нужно указать синий фон, указать чтобы ссылки были жёлтого цвета, каждому новому параграфу указывать шрифт Arial 12 размера. Т.е. создавать стиль каждой странице как-бы заново.

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

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

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

Сделаем выводы

Основные преимущества CSS :

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

• Значительно точнее дизайн страниц, поддерживается всеми браузерами;

• Разделение на две составляющие части, документа : дизайн и структура, благодаря чему исходный код становится чистым и читается легко;  

• По сравнению с обычным html, новые расширенные возможности

↑ Вверх ↑

См. также

Следующий   - Урок 2: Принцип работы и синтаксис CSS
Предыдущий - Введение