- •7.1.1.Основные понятия.
- •7.1.2.Модели взаимодействия клиент-сервер.
- •7.1.3.Мониторы транзакций.
- •Каскадирование
- •Специфичность
- •Клиентские языки
- •Серверные языки
- •Хронология Шаблоны программирования
- •Примечания
- •Способы добавления стилей на страницу
- •Связанные стили
- •Глобальные стили
- •Внутренние стили
- •Импорт css
- •Представление документа в виде древовидной структуры
- •Навигация по документу
- •Навигационные атрибуты объекта Node
- •Динамическая генерация веб-страниц средствами dhtml на основе dom
- •Методы объекта Document, позволяющие создавать объекты
- •Методы объекта Node, добавляющие и удаляющие элементы документа
- •Методы объекта Element
- •Модель событий dom
- •Свойства объекта event
- •Свойства объекта mouse
- •Встраивание кода JavaScript в документ html
Импорт css
В текущую стилевую таблицу можно импортировать содержимое CSS-файла с помощью команды @import. Этот метод допускается использовать совместно со связанными или глобальными стилями, но никак не с внутренними стилями. Общий синтаксис следующий.
@import url("имяфайла")типыносителей;@import "имяфайла"типыносителей;
После ключевого слова @import указывается путь к стилевому файлу одним из двух приведенных способов — с помощью url или без него. В примере 3.6 показано, как можно импортировать стиль из внешнего файла в таблицу глобальных стилей.
Пример 3.6. Импорт CSS в глобальную таблицу стилей
HTML 4.01CSS 2.1IE 7IE 8IE 9Cr 11Op 11Sa 5Fx 4
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><metahttp-equiv="Content-Type"content="text/html; charset=utf-8"><title>Импорт</title><styletype="text/css">@import url("style/header.css");H1{font-size:120%;font-family:Arial, Helvetica, sans-serif;color:green;}</style></head><body><h1>Заголовок1</h1><h2>Заголовок2</h2></body></html>
В данном примере показано подключение файла header.css, который расположен в папке style.
Аналогично происходит импорт и в файле со стилем, который затем подключается к документу (пример 3.7).
Пример 3.7. Импорт в таблице связанных стилей
@import "/style/print.css";@import "/style/palm.css";BODY{font-family:Arial, Verdana, Helvetica, sans-serif;font-size:90%;background:white;color:black;}
В данном примере показано содержимое файла mysite.css, который добавляется к нужным документам способом, показанным в примере 3.1, а именно с помощью тега <link>.
16. DOM - ОБЪЕКТНАЯ МОДЕЛЬ ДОКУМЕНТА
Объектная модель документа (Document Object Model – DOM) является стандартом, предложенным веб-консорциумом, и регламентирует способ представления содержимого документа (в частности веб-страницы) в виде набора объектов. Под содержимым понимается все, что может находиться на веб-странице: рисунки, ссылки, абзацы, текст и т. д.
В отличие от объектной модели браузера (BOM), которая уникальна для каждого браузера, объектная модель документа является стандартом и должна поддерживаться всеми браузерами. И хотя на практике поддержка DOM реализована не в полной мере, тем не менее необходимо стремиться следовать требованиям этого стандарта как производителям браузеров, так и разработчикам веб-сайтов.
Следует заметить, что DOM может применяться не только в веб-страницах, но и к любым других документам. В частности, она может использоваться с любыми словарями XML, причем одним из таких словарей является HTML, а точнее, XHTML.
DOM является развивающимся стандартом и разбит на три уровня. Первый уровень является первой версией стандарта и пока что единственной законченной. Он состоит из двух разделов: первый является ядром и определяет принципы манипуляции со структурой документа (генерация и навигация), а второй посвящен представлению в DOM элементов HTML, определяемых одноименными тегами.
Второй и третий уровни описывают модель событий, дополняют таблицы стилей, проходы по структуре.