Что такое CSS и чем он отличается от html кода


На ряду с началом изучения html кода, необходимо также познакомиться и с CSS. Конечно, вам не обязательно этим заниматься, особенно если не очень хотите вникать в самую суть устройства сайта и по каким принципам работают те или иные его элементы. Но что делать, если какая-то часть ресурса будет отображать некорректно или возникнут другие проблемы? Лучше все таки иметь хотя бы минимальное представление о работе системы.

Что такое CSS ?

CSS — это сокращение от Cascading Style Sheets — что означает Каскадные таблицы стилей. Это очень удивительный и удобный инструмент, который значительно упрощает создание и управление интернет ресурсами.

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

CSS может работать с очень многим: полями, фоном, картинками, отступами, боковыми колонками, таблицами и т.п. Его возможности значительно превосходят обычный html код, как по функционалу, так и по удобству.

Чем CSS отличается от HTML ?

Есть несколько основных причин, почему был создан CSS.

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

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

Пример отличия css от html :

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

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

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

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

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

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

  bigmir)net TOP 100  - .  E-mail: sitesnulyaru@gmail.com