В большинстве случаев сценарий включает преобразование и обработку свойств объектов документа, т.е. включенных в документ за его разработку. Для доступа к значению свойств элемента необходимо сослаться на его идентификатор и значение.
Document.ID1.ID11.
Value= “111”,ID11
Где Document – это объект, соответствующий документу в целом, ID1 – значение атрибута ID или Name, элемента, входящего в документ. ID11 – значение атрибута Name или ID элемента, входящего в элемент ID1. Value – ссылка на значение элемента ID11.
Особенностью javascript является вольное описание переменных (декларация). Переменную можно декларировать с помощью оператора:
Var <id> [< инициализатор >],
где id – идентификатор переменной
инициализатор = const, определяющая начальное значение переменной.
[ ] – указывают, что такого элемента может не быть.
Кроме того, переменная считается декларированной, если она появляется в левой части оператора присвоения в любой части программы <id1>=5;
Если переменная декларирована не в теле функции, она читается глобальной и видима во всех функциях. Если переменная декларирована в теле функции, то она видима только в данной функции.
Каскадные таблицы стилей.
Предназначены для задания формы отображения элементов документа. Различают следующие типы таблицы стилей:
1) Внешние таблицы стилей – выполнены в виде отдельного файла с расширением CSS. Данный файл подключается к документу, с помощью тега <link>, вложенного в тег <head>.
2) Внутренние таблицы стилей – выполнены в виде содержимого тега <style>, вложенного в тег <head>.
3) Стиль отдельных элементов, заданный в виде атрибута style для конкретного элемента.
Использование элемента style не приветствуется, предпочтительнее является использование внешних таблиц стилей (ВТС).
ВТС – состоят из директив и правил. Директива определяет укрупненные параметры отображения, тип устройства изображения, использование внешних шифтов. Правило определяет параметры отображения элементов документа. Правило состоит из селектора:
< селектор > { параметры отображения }
Он указывает на то, к каким элементам относятся данные параметры. Различают следующие типы селектора:
1) Универсальный селектор
2) Селектор элемента. Он состоит из имени элемента, к которому относится данное правило.
< имя элемента >
body { … }
Если правило относится к нескольким определенным элементам, то они указываются через пробел.
< имя элемента 1 >< имя элемента 2 >
Они в свою очередь делятся на:
1. Селекторы класса
< Базовый селектор >.< имя класса >
Базовый селектор может быть как универсальным, так и селектором элемента. Имя класса – это значение атрибута класс у элементов документа, для которых применимо данное правило.
2. Селекторы идентификаторов
< имя класса > # < id > - позволяют сослаться на конкретный идентификатор элемента.
3. Псевдо селекторы
а) Селекторы детей < имя элемента 1 >< имя элемента 2 >
указывают на элементы, непосредственно входящие в элемент body.
б) Селекторы потомков <имя элемента 1 >< имя элемента 2 >
указывают на то, что правила относятся к элементам: имя элемента 2, являющимися потомками имя элемента 1.
в) селекторы соседей <имя элемента 1 > + < имя элемента 2 >
данное правило относится к элементам имя элемента 2, которые следуют за элементами имя элемента 1.
Пример:
< label > + < input >
< label > … </label> -правило распространяется только на
< input > первый input, на второй оно уже не
< input > действует
г) псевдо классы
« первый ребенок »
div > P: sirst – child { }
указывает на первого ребенка (правило действует только для него)
Для ссылок применяются псевдо классы:
: link - не посещенная ссылка указываются
для элементов anker
: visited - посещенная ссылка A: link, A: visited
Для элементов управления обычно используются другие псевдо классы:
: hover – элемент, на который помещен курсор
: active – для активных элементов
: focus – для элементов получающих фокус
Правила
Состоят из селектора и параметров отображения. Параметры отображения задаются в виде:
название параметра : значение параметра
Пример: A: visited {bachground – color : red}
В качестве значений параметров указываются типы данных, аналогичные используемым в значениях атрибутов элементов HTML: цвета, ссылки, размеры и т.д. Размеры могут быть даны в абсолютных единицах измерения – это могут быть in, cm, mm, pt=0.35 см, pc=12 точек, em – размер соответствующего шрифта, т.е. величина будет задана относительно величины заглавных букв, исполняемого в данном месте шрифта, ex – относительно строчных букв используемого шрифта (12 ex – в 12 раз > шрифт) px (пиксели) – точка дисплея, зависит от установленного разрешения, используемого дисплеем. CSS (каскадные таблицы стилей) – поддерживают названия системных цветов.
Принципы определения параметров отображения элементов на основе цветов CSS.
1) Если для какого – либо элемента CSS задает параметры отображения, то используются они.
2) Если свойство или параметр не задан, но он является наследуемым (это указывается для параметров), то данный параметр наследуется от отцовского или родительского элемента. Случай, когда отцовский элемент не определяет значение параметра, то используется значение по умолчанию. (Для всех параметров оно определено).
Установленные по заданным правилам значения называются – специфицированными, т.е. не окончательными, если они заданны в относительных единицах измерения. Специфицированные значения приводятся к абсолютным единицам, получается вычисленное значение. Вычисленное значение с учетом ограничений является фактическим, т.е. принятым для отображения.
Уважаемый посетитель!
Чтобы распечатать файл, скачайте его (в формате Word).
Ссылка на скачивание - внизу страницы.