В первом уроке нам нужно разобраться, что такое CSS.

Стиль – это набор определенных параметров, который задаёт внешнее представление определенного объекта в той или иной среде.

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

Отличие CSS от HTML.

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

Со временем количество интернет пользователей выросло. Требования к дизайну становились сложнее и более требовательными, а именно к внешнему оформлению веб-страниц. После чего разработчики придумали такие теги как <font> , <strong> , <italic> и др. Эти теги определяли не структуру, а сам вид. Подобных тегов стало очень много. Минус был в том, что большинство тегов поддерживал только один вид браузера. Не редкой стала ошибка при попытке просмотра странице: «Вам нужен браузер X что бы просмотреть эту страницу». Что бы исправить это, и было придумано CSS . Теперь просмотр страниц возможен был через любые таблицы.

Еще одно отличие css от html :

К примеру, нам нужно сделать сайт о природе из 100 страниц. Разумеется, лучше всего сделать страницы сайта в одном тоне. Ну, давайте выберем желтый, шрифт Arial 12 размера, а ссылки синего цвета.
Если мы начнем делать сайт, используя html, то в каждой из 100 страниц необходимо указать что 12 размер шрифта, ссылки красные, а сам шрифт Arial. Это значит, что каждой странице необходимо заново указывать стиль.

А теперь делаем тоже самое, но уже используя CSS. Берем отдельный файл и создаем один стиль для всех страниц сайта. Нам остается в каждой странице прописать только одну строчку, которая будет подключать этот стиль. Готово.

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

Так же в CSS можно сделать то, что сложно сделать в html, а то и вообще нереально. Чуть дальше вы сами это поймете.

Итог занятия:

Главные преимущества CSS :

  • Возможность управления, дизайном сотен страниц, используя только одну таблицу стилей.
  • Дизайн поддерживается всеми браузерами.
  • Деление документа на структуру и дизайн.
  • Больше возможностей чем в простом html.