CSS / 1. CSS и документы

Каскадные таблицы стилей (CSS – Cascading Style Sheets) – мощный механизм управления представлением отдельных документов или их наборов. Очевидно, собственно каскадные таблицы стилей при отсутствии документа бесполезны, поскольку в них нет содержимого, которое надо представлять. Конечно, термин «документ» понимается здесь крайне широко. Например, Mozilla и родственные браузеры используют CSS, чтобы воздействовать на представление деталей интерфейса самого браузера. Но и в этом случае без «декораций» – кнопок, полей ввода адреса, диалоговых и обычных окон и т. д. – нет необходимости в CSS (или любой другой информации о представлении).
Статьи раздела '1. CSS и документы':
Альтернативные таблицы стилей
Существует возможность определения альтернативных таблиц стилей (alternate style sheets). Для этого атрибуту rel присваивается значение alternate stylesheet, и тогда таблицы стилей задействуются в представлении документа только в ...
Атрибуты
Все остальные атрибуты и значения тега link довольно просты. Атрибут rel отвечает за установку взаимосвязи и в данном случае имеет значение stylesheet. Атрибуту type всегда присваивается значение text/css. Оно описывает тип данных...
Богатство стилей
Прежде всего, CSS обеспечивают более богатое представление документа, чем когда либо, даже на пике своего репрезентативного пыла, позволял HTML. CSS позволяют задавать цвета текста и фона любых элементов, создавать рамки и увеличи...
Веб спускается с Олимпа
В смутно припоминаемые (1990–1993) ранние годы Всемирной паутины HTML был довольно бедным языком. Он почти целиком состоял из структурных элементов, полезных для описания абзацев, гиперссылок, списков и заголовков. В нем не было н...
Действительные правила стилей
После инструкции @import в нашем примере мы находим несколько обычных правил стилей. На данный момент совершенно не важно, что они реально означают, хотя вы, вероятно, можете догадаться, что они задают красно-коричневый цвет для э...
Директива @import
Теперь мы займемся тем, что находится внутри тега style. Для начала у нас есть аналог элемента link – директива @import: @import url(sheet2.css); Так же как и link, @import может указывать веб-броузеру на необходимость заг...
Каскадирование
И это еще не все! CSS также поддерживает средства разрешения конфликтов правил, называемые каскадным включением (cascade). Возьмем для примера предыдущий сценарий, в котором одна таблица стилей импортировалась в несколько веб-стра...
Комментарии CSS
В CSS также предусмотрены комментарии. Они очень похожи на комментарии в С/С++, поскольку ограничиваются символами /* и */: /* Это комментарий CSS1 */ Комментарии могут распространяться на несколько строк, как и в С++: /*...
Небольшой размер файла
Кроме визуальной мощи CSS и его способности расширять возможности как автора, так и читателя, в нем есть еще кое-что, что понравится вашим читателям. CSS способствует уменьшению размеров документов, сокращая таким образом время за...
Объединение CSS и XHTML
Я упомянул, что документы HTML и XHTML имеют схожую структуру, и этот момент следует повторить. Кстати, именно в этом состоит проблема со старыми веб-страницами: слишком часто мы забываем, что документы имеют внутреннюю структуру,...
Подготовка к будущему
Как я уже упоминал, HTML представляет собою структурный язык, тогда как CSS – это дополнение, стилистический язык. Осознавая это, W3C – орган, обсуждающий и утверждающий стандарты для Всемирной паутины, – начинает удалять стилисти...
Подставляемые в строку стили
В тех случаях, когда вы хотите просто назначить несколько стилей отдельному элементу, не применяя встроенные или внешние таблицы стилей, задайте подставляемый в строку стиль (inline style) посредством HTML-атрибута style: Самый...
Полная неразбериха
Прошли годы, и мы унаследовали все извивы этого беспорядочного процесса. Значительная часть средств HTML 3.2 и HTML 4.0 оказалась посвящена вопросам представления. Возможность изменять цвет и размер текста с помощью элемента font,...
Применение стилей к нескольким страницам
Но есть и еще кое-что! Можно не только централизовать всю информацию о стилях страницы в одном месте, но и создать таблицу стилей, которая может применяться ко многим страницам. Это реализуется путем сохранения таблицы стилей в от...
Простота применения
Если сила CSS не убедила вас, примите во внимание следующее: таблицы стилей могут существенно сократить объем работы разработчика веб-страниц. Во первых, таблицы стилей концентрируют команды, реализующие визуальные эффекты, в одно...
Тег link
Сначала рассмотрим применение тега link: Тег link – это малозаметный, но совершенно полноценный тег, который годами маялся в спецификации HTML, ожидая достойного применения. Его основное назначение – предоставить авторам HT...
Элемент style
Элемент style – это единственный способ включения таблиц стилей и располагается он в самом документе: В элементе style всегда должен присутствовать атрибут type; если документ использует CSS, его значение должно быть "text/...
Элементы
Элементы (elements) – это основа структуры документа. Нетрудно понять, какие элементы более всего используются в HTML: p, table, span, a и div. Каждый элемент документа играет определенную роль в его представлении. В терминах CSS ...

Страницы: 1