5 1 1 1 1 1 1 1 1 1 1 Рейтинг 5.00 [2 Голоса (ов)]

Логотип к статье Что такое CSS. Виды.

С момента появления первой WEB страницы, структура и типы сайтов все время подвергались изменениям. Сайты становились красивее, сложнее, функциональней, но все это сильно сказывалось на коде и его объеме. И поэтому, появилась серьезная необходимость разгрузить код. Для этого были придуманы каскадные таблицы стилей CSS. В свое время, это стало огромным прорывом в WEB программировании.

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

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

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

Внедренные таблицы вставлены непосредственно внутрь одного HTML файла. И прописывается в головной части кода, в пределах тега <head>. Его действие, соответственно, ограничивается лишь одним файлом (страницей), в который он внедрен. Применяется, в тех случаях, когда необходимо создать индивидуальные стили для одного файла. Как правило, это бывают второстепенные параметры, которые необходимо указать учитывая особенности отдельно взятой страницы, при том, что страница, скорее всего, подключена к внешним таблицам с общими параметрами.

Встроенные в элемент каскадные таблицы, как и внедренные в элемент, вписываются в HTML код. Но в отличии от них, могут вписываться в любом месте кода. В них прописываются параметры для отдельного элемента, при помощи атрибута style.

Наша Рассылка

Еженедельные новости, материалы о информационных технологиях и веб