5. Синтаксис css

Цель CSS. Основные элементы синтаксиса: листы, правила, блоки объявлений, селекторы и т.п. Виды селекторов. Примеры свойств.

CSS (англ. cascading style sheets) — документ, описывающий способ отображения элементов HTML-документа. Листы стилей (англ. style sheets) CSS состоят из правил (англ. style rule). Каждое правило сообщает браузеру, как именно отображать те или иные элементы страницы. Правило состоит из селектора (англ. selector) и блока объявления (англ. declaration block). Блок объявления заключается в фигурные скобки («{ }»). Блок объявления состоит из множества пар свойство (англ. property) — значение (англ. value). Пары разделены точкой с запятой («;»), имя свойства от значения свойства — двоеточием («:»). Селектор CSS — это условное выражение; правило CSS применяется к тем элементам документа HTML, которые удовлетворяют этому условному выражению.

Механизм действия правил следующий: элементам документа HTML, удовлетворяющим селектору данного правила, устанавливаются значения свойств, определенные в блоке объявлений данного правила. Если для некоторого элемента документа HTML не определено правила, то ему устанавливаются значения свойств родительского элемента. Если для родительского элемента значения соответствующих свойств также не определены в CSS, то устанавливаются значения по умолчанию (определены в таблице стилей браузера).

Существует три способа включения правил CSS в страницы HTML.

1. В разделе HEAD веб-страницы может быть указан адрес отдельного файла (или нескольких файлов), содержащего правила CSS, с помощью тега LINK:

<link type="text/css" rel="Stylesheet" href="stylesheet.css"/>

2. Правила CSS могут быть размещены непосредственно в тексте веб-страницы в разделе HEAD в парном теге style:

<style type="text/css">

...

</style>

3. Блок объявлений без фигурных скобок может быть помещен непосредственно в значение атрибута style любого тега HTML.

6. Эволюция архитектур веб-приложений

Характеристика 4-х типов архитектур с указанием элементов, их предназначения. Ограничения каждого их типа архитектур, обусловившие появление следующего типа.

1) Статические веб-страницы.

Клиент отправляет запрос серверу, с сервера присылается уже готовая страница.

2) Клиентский JavaScript.

Если браузер (или клиент) запрашивают страницу с клиентским JS, сервер высылает полное содержимое документа, включая HTML страницу и операторы JS клиенту по сети. Браузер читает страницу сверху вниз, отображая результирующий HTML и выполняя операторы JS.

3) Динамические веб-страницы.

Клиент – Сервер – База данных. Клиентом отправляется запрос, и сервер динамически формирует из БД новую страницу, которая затем отсылается клиенту.

4) Асинхронный JavaScript и XML (AJAX).

Технология для взаимодействия сервером без перегрузки страниц. За счет этого уменьшается время отклика. Технология асинхронна, т.е. браузер, отослав запрос, может делать что угодно, например, показать сообщение об ожидание ответа.

Это фоновый обмен данными между браузером и веб-сервером. При добавлении данных страница не перезагружается полностью, а приложение становится более быстрым и удобным.