html.okpython.net
HTML и CSS для начинающих

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

Определение CSS

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

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

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

Преимущества использования CSS

Такое разделение весьма уместно и обладает рядом преимуществ, позволяющих более эффективно осуществлять разработку сайтов и веб-приложений. Действительно:

  • появляется возможность хранить коды HTML и CSS в разных местах или даже файлах, что значительно облегчает их разработку и последующую поддержку, а также позволяет разделить работу дизайнера и программиста;
  • хранение таблиц стилей CSS в отдельном файле несколько ускоряет загрузку страниц, т.к. при первом же использовании файл с таблицами кэшируется браузером (т.е. помещается в специально отведенное браузером место на локальном диске для быстрого последующего доступа к нему) и при последующем обращении к таблицам браузер не закачивает файл с ними заново по сети, а берет из кэша;
  • отпадает необходимость применения тегов HTML не по своему прямому назначению; например, для того, чтобы отобразить текст курсивом, не нужно больше использовать тег <em> или ему подобный, нарушая логическую разметку страницы, поскольку теперь имеется возможность применить соответствующее свойство CSS;
  • появляется возможность применения одних и тех же стилей сразу к нескольким элементам, в том числе и к тем, которые расположенны на разных страницах, а это, в свою очередь, приводит также и к сокращению объема кода;
  • CSS позволяет применять к одному и тому же документу разные стили в зависимости от типа устройств вывода: монитора, телефона, принтера и т.д.;
  • в CSS имеется значительно больше возможностей по оформлению внешнего вида элементов веб-страницы, чем в HTML предыдущих версий, а тем более в HTML 5, из которого практически полностью убрали соответствующие атрибуты.

Кстати, чтобы иметь возможность не на словах, а на реальном примере убедиться в возможностях CSS, достаточно посетить известный проект «CSS Zen Garden», на котором представлено более 200 вариантов совершенно разного дизайна на основе всего лишь одного html-документа (смотреть).

Быстрый переход к другим страницам