мета-данные страницы
Загрузка не удалась. Возможно, проблемы с правами доступа?
Различия
Показаны различия между двумя версиями страницы.
Предыдущая версия справа и слеваПредыдущая версияСледующая версия | Предыдущая версияСледующая версияСледующая версия справа и слева | ||
html:css [20/04/2010 11:20] – pdemenkov | html:css [20/04/2010 11:58] – pdemenkov | ||
---|---|---|---|
Строка 5: | Строка 5: | ||
CSS-код – это список инструкций для браузера, | CSS-код – это список инструкций для браузера, | ||
- | Инструкции CSS удобно хранить в виде отдельного текстового файла с расширением | + | Инструкции CSS удобно хранить в виде отдельного текстового файла с расширением |
Основная идея CSS в том, чтобы отделить дизайн документа от его содержимого. CSS отвечает за оформление и внешний вид, а XHTML/HTML — за содержание и логическую структуру документа. | Основная идея CSS в том, чтобы отделить дизайн документа от его содержимого. CSS отвечает за оформление и внешний вид, а XHTML/HTML — за содержание и логическую структуру документа. | ||
Посмотрим на фрагмент XHTML-документа: | Посмотрим на фрагмент XHTML-документа: | ||
- | < | + | < |
< | < | ||
< | < | ||
</ | </ | ||
- | Из служебной XHTML разметки мы видим только элемент заголовка h1 и абзаца p, и ни слова об оформлении — шрифтах, | + | Из служебной XHTML разметки мы видим только элемент заголовка |
- | < | + | < |
/* оформляем заголовки: | /* оформляем заголовки: | ||
h1 { | h1 { | ||
Строка 34: | Строка 34: | ||
Для того, чтобы применить таблицу стилей | Для того, чтобы применить таблицу стилей | ||
- | * применить внешние стили (в виде отдельного текстового .css-файла) с помощью элемента link | + | * применить внешние стили (в виде отдельного текстового .css-файла) с помощью элемента |
- | * встроить стили непосредственно в HTML-документ (в виде блока css-текста) с помощью элемента style | + | * встроить стили непосредственно в HTML-документ (в виде блока css-текста) с помощью элемента |
* применить inline-стиль, | * применить inline-стиль, | ||
Строка 41: | Строка 41: | ||
===== Внешние стили (external style sheets) ===== | ===== Внешние стили (external style sheets) ===== | ||
- | Применяются с помощью элемента link, который должен располагаться внутри элемента head и нигде более. | + | Применяются с помощью элемента link, который должен располагаться внутри элемента |
- | < | + | < |
<link rel=”stylesheet” type=”text/ | <link rel=”stylesheet” type=”text/ | ||
</ | </ | ||
Строка 48: | Строка 48: | ||
Встретив в HTML-документе этот тег, браузер загрузит с сайта CSS-файл (в нашем случае это mystyle.css) и применит к документу содержащиеся в нём стили. Файл не должен содержать ничего, | Встретив в HTML-документе этот тег, браузер загрузит с сайта CSS-файл (в нашем случае это mystyle.css) и применит к документу содержащиеся в нём стили. Файл не должен содержать ничего, | ||
- | Внешний файл со стилями удобен тем, что одни и те же стили можно применять ко множеству документов на сайте — в каждом из них достаточно лишь вписать одну строку с элементом link. | + | Внешний файл со стилями удобен тем, что одни и те же стили можно применять ко множеству документов на сайте — в каждом из них достаточно лишь вписать одну строку с элементом |
===== Таблицы стилей документа (document style sheets) ===== | ===== Таблицы стилей документа (document style sheets) ===== | ||
Строка 54: | Строка 54: | ||
Называются так потому, | Называются так потому, | ||
- | CSS-стили и комментарии располагаются между открывающим и закрывающим тегами элемента style: | + | CSS-стили и комментарии располагаются между открывающим и закрывающим тегами элемента |
- | < | + | < |
<style type=”text/ | <style type=”text/ | ||
... | ... | ||
Строка 61: | Строка 61: | ||
</ | </ | ||
- | Сам тег style (в отличие от link) может находиться в любой части документа, | + | Сам тег |
Стили, подставляемые в строку (inline styles) | Стили, подставляемые в строку (inline styles) | ||
- | Иногда нужно назначить стиль отдельному элементу на странице, | + | Иногда нужно назначить стиль отдельному элементу на странице, |
- | < | + | < |
<p style=”color: | <p style=”color: | ||
</ | </ | ||
- | Атрибут style есть почти у всех HTML-элементов. Кроме тех, что располагаются вне элемента body. | + | Атрибут style есть почти у всех HTML-элементов. Кроме тех, что располагаются вне элемента |
Внутри атрибута style можно написать несколько CSS объявлений, | Внутри атрибута style можно написать несколько CSS объявлений, | ||
Строка 85: | Строка 85: | ||
Как это может выглядеть на практике? | Как это может выглядеть на практике? | ||
- | < | + | < |
a {text-decoration: | a {text-decoration: | ||
Строка 107: | Строка 107: | ||
===== HTML селекторы ===== | ===== HTML селекторы ===== | ||
- | Это простейший случай – в качестве селектора мы используем имя того html-элемента, | + | Это простейший случай – в качестве селектора мы используем имя того html-элемента, |
- | <h1> селектором будет h1, и так далее. Теперь мы можем переопределить внешний вид всех таких элементов в нашем документе: | + | |
+ | <code css> | ||
strong {font-weight: | strong {font-weight: | ||
h1 { font: bold 10pt verdana; } | h1 { font: bold 10pt verdana; } | ||
Строка 119: | Строка 120: | ||
{{: | {{: | ||
- | < | + | < |
.myClass { font: bold 10pt verdana; } /* меняем шрифт для всех тегов с классом myClass */ | .myClass { font: bold 10pt verdana; } /* меняем шрифт для всех тегов с классом myClass */ | ||
</ | </ | ||
Строка 129: | Строка 130: | ||
{{: | {{: | ||
- | < | + | < |
#myObj { margin: 1em; } /* изменяем поля для элемента, | #myObj { margin: 1em; } /* изменяем поля для элемента, | ||
span#today { margin: 1em; } /* изменяем поля для элемента span, у которого id=”today” */ | span#today { margin: 1em; } /* изменяем поля для элемента span, у которого id=”today” */ | ||
Строка 141: | Строка 142: | ||
Впоследствии оформление для селекторов можно переопределить индивидуально: | Впоследствии оформление для селекторов можно переопределить индивидуально: | ||
- | < | + | < |
/* все параграфы и списки делаем красными, | /* все параграфы и списки делаем красными, | ||
p, li, ul, ol {color:red; font-face: Tahoma, sans-serif; | p, li, ul, ol {color:red; font-face: Tahoma, sans-serif; | ||
Строка 155: | Строка 156: | ||
Вот, посмотрите: | Вот, посмотрите: | ||
- | < | + | < |
/* все ссылки, | /* все ссылки, | ||
li a {color: red;} | li a {color: red;} | ||
Строка 173: | Строка 174: | ||
{{: | {{: | ||
- | В приведённом примере мы вроде бы создали список селекторов, | + | В приведённом примере мы вроде бы создали список селекторов, |
===== Селекторы детей ===== | ===== Селекторы детей ===== | ||
Строка 183: | Строка 184: | ||
{{: | {{: | ||
- | В приведённом примере мы находим все элементы B, вложенные непосредственно в элементы I, и выключаем для них полужирный шрифт. Все остальные элементы B в документе останутся без изменений. | + | В приведённом примере мы находим все элементы |
===== Селекторы смежных элементов (Adjacent Sibling Selectors) ===== | ===== Селекторы смежных элементов (Adjacent Sibling Selectors) ===== | ||
- | Иногда нам надо выбрать элемент, | + | Иногда нам надо выбрать элемент, |
{{: | {{: | ||
+ | <note important> | ||
+ | **Важно: | ||
- | Важно: | + | **Важно:** селекторы смежных элементов появились в CSS v2 и поддерживаются, |
- | ) – то селектор не сработает и правило не применится. | + | </ |
- | + | ||
- | Важно: | + | |
====== Обзор свойств CSS ====== | ====== Обзор свойств CSS ====== | ||
Строка 487: | Строка 487: | ||
* border-style | * border-style | ||
* border-color | * border-color | ||
- | |||
- | ====== Приоритет в каскаде стилей (!important) ====== | ||
- | |||
- | Объявление !important переводится на русский как !важно. | ||
- | |||
- | Если к паре свойство - значение приписать объявление !important, тогда это значение CSS-свойства получит максимальный приоритет в каскаде стилей. Проще говоря, | ||
- | |||
- | !important добавляется вот так: | ||
- | |||
- | {{: | ||
- | |||
- | Внимание! Очень распространённая ошибка – располагать !important после точки с запятой. Браузер игнорирует такие записи. | ||
- | |||
- | |||
- | ====== Задание цвета в CSS ====== | ||
- | |||
- | CSS предлагает нам четыре удобных способа указать цвет. | ||
- | |||
- | * По имени. Используются англоязычные названия цветов, | ||
- | * В шестнадцатиричном RGB (например, | ||
- | * В десятичном формате RGB (например, | ||
- | * В формате RGB с указанием величин в процентах, | ||
- | |||
- | Пример | ||
- | < | ||
- | /* Несколько способов сделать параграфы зелеными: | ||
- | p {color: lime} | ||
- | p {color: rgb(0, | ||
- | p {color: #0f0} | ||
- | p {color: #00ff00} | ||
- | p {color: rgb(0%, 100%, 0%)} | ||
- | </ | ||
- | |||
- | В этом примере все способы задания цвета равнозначны и приведут к одному и тому же результату - цвет параграфов станет ярко-зеленым. | ||
- | |||
====== Задание размеров (длина, | ====== Задание размеров (длина, | ||
- | Размеры задаются в числовых значениях - отрицательных и положительных. Допустимы десятичные дроби, дробная часть пишется через знак | + | Размеры задаются в числовых значениях - отрицательных и положительных. Допустимы десятичные дроби, дробная часть пишется через знак |
Сразу после числа необходимо указать единицу измерения. | Сразу после числа необходимо указать единицу измерения. | ||
Строка 549: | Строка 514: | ||
Примеры | Примеры | ||
- | < | + | < |
body {margin: 1in} | body {margin: 1in} | ||
table {padding: 1.5cm} | table {padding: 1.5cm} | ||
Строка 568: | Строка 533: | ||
Предположим, | Предположим, | ||
- | < | + | < |
< | < | ||
</ | </ | ||
Строка 589: | Строка 554: | ||
===== Блочные (block) элементы ===== | ===== Блочные (block) элементы ===== | ||
- | Занимают до 100% ширины родительского элемента. При этом соседним элементам придется подвинуться вниз. Так, например, | + | Занимают до 100% ширины родительского элемента. При этом соседним элементам придется подвинуться вниз. Так, например, |
| | ||
+ | |||
===== Inline- (" | ===== Inline- (" | ||
Строка 598: | Строка 564: | ||
С помощью CSS мы можем переопределять эти правила, | С помощью CSS мы можем переопределять эти правила, | ||
+ | |||
+ | |||
+ | |||
+ | ====== Приоритет в каскаде стилей (!important) ====== | ||
+ | |||
+ | Объявление !important переводится на русский как !важно. | ||
+ | |||
+ | Если к паре свойство - значение приписать объявление !important, тогда это значение CSS-свойства получит максимальный приоритет в каскаде стилей. Проще говоря, | ||
+ | |||
+ | !important добавляется вот так: | ||
+ | |||
+ | {{: | ||
+ | |||
+ | Внимание! Очень распространённая ошибка – располагать !important после точки с запятой. Браузер игнорирует такие записи. | ||
+ | |||
+ | |||
+ | ====== Задание цвета в CSS ====== | ||
+ | |||
+ | CSS предлагает нам четыре удобных способа указать цвет. | ||
+ | |||
+ | * По имени. Используются англоязычные названия цветов, | ||
+ | * В шестнадцатиричном RGB (например, | ||
+ | * В десятичном формате RGB (например, | ||
+ | * В формате RGB с указанием величин в процентах, | ||
+ | |||
+ | Пример | ||
+ | <code css> | ||
+ | /* Несколько способов сделать параграфы зелеными: | ||
+ | p {color: lime} | ||
+ | p {color: rgb(0, | ||
+ | p {color: #0f0} | ||
+ | p {color: #00ff00} | ||
+ | p {color: rgb(0%, 100%, 0%)} | ||
+ | </ | ||
+ | |||
+ | В этом примере все способы задания цвета равнозначны и приведут к одному и тому же результату - цвет параграфов станет ярко-зеленым. | ||
+ | |||
+ | ====== Именованные цвета ====== | ||
+ | |||
+ | Это базовые цвета, используемые в CSS. В старые добрые времена они использовались дизайнерами для создания страниц поисковых систем, | ||
+ | |||
+ | < | ||
+ | <table cellspacing=1 cellpadding=5 border=0 width=" | ||
+ | <tr> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | |||
+ | Для старых 256-цветных видеокарт рекомендуется использовать так называемые безопасные цвета. Сейчас это не очень актуально, | ||
+ | |||
+ | ====== Безопасные (browser-safe) цвета в CSS ====== | ||
+ | |||
+ | |||
+ | Для получения любого оттенка применяются комбинации RGB-значений цвета, записанные в шестнадцатиричном формате(подробнее - см. Как задать цвет в CSS). | ||
+ | |||
+ | Приведенные ниже 216 цветов считаются " | ||
+ | |||
+ | Для удобства я расположил " | ||
+ | |||
+ | < | ||
+ | <table border=0 cellpadding=0 cellspacing=1 width=" | ||
+ | < | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | |||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | |||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | |||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | |||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | |||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | |||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | |||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | < | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | |||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | |||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | |||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | |||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | |||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | |||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | |||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | |||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | < | ||
+ | |||
+ | |||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | |||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | |||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | |||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | |||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | |||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | |||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | |||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr align=center> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | Подготовлено по материалам [[http:// |