... главная страницаКарта сайтаКонтакты

Главная
Синтаксис CSS
Свойства CSS
Форматирование блоков
Списки
Пример применения стилей
Оптимизация стилей
Оформление текстов
Использование блоков
Позиционирование
Слои в CSS
Готовые решения
Дополнительные возможности CSS
Программа TopStyle
Таблица цветов

 

Все свойства CSS

Яндекс.Метрика
 
 



Уроки основам CSS

 

 

Возможности CSS1  ||   Возможности CSS2  ||   Включение CSS в HTML  

 

Язык HTML в своем развитии ушел далеко от простого языка разметки. Как вы уже знаете, постепенно в него добавлялись элементы и атрибуты, отвечающие за представление информации в окне браузера. Примеров можно привести множество: это элементы FONT, B, I, U, атрибуты bgcolor, align и многие им подобные. Но главное - вовремя остановиться. Разработчики четко сознали несостоятельность такого подхода и в последней версии HTML пометили такие элементы и атрибуты как нежелательные для использования.

Вскоре была найдена другая технология, позволяющая описывать внешний вид элементов, создаваемых языком разметки. Мы познакомимся с этой технологией - CSS (Cascading Style Sheets, Каскадные таблицы стилей). В совокупности с HTML она позволяет творить чудеса, и все это благодаря "разделению" труда по созданию Web-страниц. Разметка выполняется строго на основе DTD для HTML, а визуальное оформление элементам придается при помощи CSS.

Что же такое каскадные таблицы стилей? Стиль - это набор параметров, задающий внешнее представление некоего объекта в той или иной среде. Например, если у нас есть параграф текста и мы хотим поместить его на Web-страницу, то нужно подумать о том, как он должен выглядеть: какой гарнитурой и размером шрифта должен быть набран, как выровнен на странице, какого цвета должны быть буквы и т.д. Если этот же параграф нужно воспроизвести через какое-либо аудиоустройство или голосовой браузер, то тут уже шрифт и цвет роли не играют. Важнее - интонация, тембр, громкость, женский или мужской голос и т.д. Параграф при этом все тот же, а вот стиль его представления меняется. Так как в одном документе встречается множество различных элементов, каждый из которых может иметь свой стиль оформления, набор стилей для всех элементов одного документа называют таблицей, стилей.

Таким образом, любой документ можно разметить при помощи некоторого языка разметки (Cascading Style Shett - CSS), а затем дополнительно к этому создать несколько таблиц стилей для представления этого документа на любом воспроизводящем устройстве: визуальном или голосовом браузере, на экране карманного компьютера или мобильного телефона. В результате мы получаем универсальный документ, который можно будет "просмотреть" на любом устройстве, для которого создана соответствующая таблица стилей. Каскадными таблицы стилей называют из-за особых правил, согласно которым каждому стилю придается вес и значимость. Каскадирование применяется в том случае, если для одного элемента разными способами задано несколько разных стилей. Принципы каскадирования определяют приоритеты применения стилей и тем самым решают конфликтные ситуации. Подробнее о каскадировании и о том, как это работает, мы поговорим позднее.

Как говорится, если обменяться с другом яблоками, то у вас так и останется по одному яблоку, а если обменяться идеями, то у вас будет уже по две идеи. Если говорить о CSS и HTML, то вместе они предоставляют Web-дизайнерам особенные возможности. Во-первых, позволяют более наглядно, без лишних ухищрений реализовать то, что возможно и в HTML, но с использованием нежелательных атрибутов или дополнительных хитростей, как, например, применение вложенных таблиц для создания цветных границ у таблицы. Во-вторых, каскадные таблицы стилей позволяют задавать тн кие параметры представления объекта, которые совершенно невозможно организовать средствами HTML, - например, убрать подчеркивание у ссылок или сделать отступ красной строки в абзаце.

 

Возможности CSS1  ||   Возможности CSS2  ||   Включение CSS в HTML  


 

 

 

Наверх страницы

 

Уроки CSS © 2007 - 2016 г. Все права защищены Создание сайтов