Справочник предназначается для людей, уже освоивших азы работы с HTML и CSS.
Справочник создан на основе информации, предоставленной на сайте «Справочник Web-языков» www.spravkaweb.ru.
В связи с тем, что данный ресурс постоянно пополняется новой информацией, скачать обновленную версию справочника можно из раздела Download
Дата выхода данной версии справочника: 09:00, 26 марта 2007.
Также на сайте доступны для скачивания справочники по PHP, CSS, Perl, MySQL.
Что такое CSS и как применить
Каскадные таблицы стилей или CSS (Cascading Style Sheets) были революцией, потрясшей WWW. Если до этого Web-дизайнер не знал, как будет выглядеть его творение в разных программах Web-обозревателей, то теперь он может контролировать все: от начертания шрифта до положения картинки на странице.
Предположим, вам нужно изменить цвет текста в HTML-документе с черного на синий. Вы помещаете его в пару тегов и следующего вида:
Это синий текст
А теперь представим, что вы внесли определение внешнего вида текста в другое место документа:
P.bluetext { color: blue }
Эта строка обозначает, что мы определили для текста, находящегося внутри тега
и помеченного стилевым классом bluetext, синий цвет шрифта. Такая конструкция HTML называется определением стиля или просто стилем.
В результате в HTML-тексте у нас остануться только теги логического форматирования текста:
Это синий текст
Здесь мы пометили нужный текст с помощью атрибута class, присвоив ему значение bluetext. Атрибут class задает имя стилевого класса для тега, и его поддерживают все теги.
Вы можете переназначить цвета текста для всех тегов
. В этом случае мы не задаем имя стилевого класса:
P { color: blue }
Или вы можете задать форматирование для стилевого класса, не привязанного ни к какому тегу:
.bluetext{ color: blue }
И теперь вы можете присваивать стилевой класс тексту, заключенному в любые теги:
Это синий цвет
Это синий цвет Это
жирный синий текст
Вы можете дать специальное форматирование тегу только в том случае, если он заключен внутрь другого тега:
H7 B { color: blue }
И теперь:
Этот текст будет синим
А этот - не будет!
Более того, вы можете встроить определение стиля прямо в тег:
Это синий текст
Это достигается при помощи атрибута style, который также поддерживают все теги HTML.
И еще один способ привязать стиль к какому-либо тегу - использовать атрибут id, задающий уникальное имя элемента HTML.
#headerofdocument { font-size: 20pt }
Здесь мы задали размер шрифта 20 пунктов.
Вы можете задавать несколько атрибутов в определении стиля. В этом случае они разделяются точкой с запятой:
P { color: blue; fotn-size: 9ptl; text-align: center }
Определение стилей, вынесенные в заголовок HTML-документа, составляют таблицу стилей. Таблица стилей заключается в теги :
Тег
