Плавающая модель

float: none| left| right

clear: left| right| both| none

Свойство float позволяет изменить стандартный алгоритм вывода блочного контейнера. Тоесть можно блочные контейнеры можно размещать друг рядом с другом. Значение left или right указывает какой стороной может касаться впереди идущего. Как правило используется со значением width.

В случае, если определенный плавающий блок нужно явно разместить с новой строки, то можно задействовать свойство clear, в котором задать сторону родительского контейнера, к которой прикрепить блок.

<div style=”clear: both;”></div>- пустая строка, все пследующее пойдет с новой строки.

Видимость

display: none| block| inline| inline-block| …

visibility: visible| hiden

Visibility – видимость объекта. Если hiden, то объект не ресуется, но место резервируется.

displal – тип вывода контейнеры. Блочный, строчний, содержимое выводится как внутри блочного элемента, а сам контейнер по отношению к другим как строчный.

Способ верстки с помощью абсолютного позиционирования

способ подразумевает что все внешние контейнеры абсолютно спозиционированны. Такая страница как правило не прокручивается по вертикали.

Псевдоклассы

Псевдокласс – это дополнение к селектору, пзволяющее описать стиль для определенного состояния этого объекта.

Синтаксис описания:

селектор: псевдокласс{}

Доступные селекторы css2:

hover – состояние объекта, когда на него наведена мышка

visited – посещенные ссылкы

alink/active – когда нажимаешь на ссылку.

first-letter – стиль первой буквы для содержимого селектора.

first-child – стиль первого потомка

last-child – стиль последнего потомка

owerflow: none, hight, scroll-x, scroll-y

способ поведения, если содержимое превышает размер контейнера.

10.02.14

Javascript

JavaScript – язык клиентских сценариев, код который исполняется браузерами. Не имеет ничего общего с Java.

Задачи, для которых применяется JavaScript:

1. Выполнение математических расчетов, работа с датой и временем, работа со строками.

2. Получение доступа к объектам на странице через ДОМ модель. (доступ к данным, выполнение анимации, получение данных от елементов ввода, назначение обработчиков на события).

3.Для реализации интерактивного интерфейса с помощью AJAX.

Типы данных:

Скриптовый язык, который интерпритируется в момент выполнния и как для других скриптовых языков в нем нет жесткой типизации данных. То есть одной переменной можно присваивать значения разных типов. Объявление переменной начинается с момента с момента присвоения значения.

Способы включения javascript на страницу:

1.Из внешнего файла <script type=”text/javascript” src=”style.js”></script>

2.Глобально на странице

<script type=”text/javascript”>

скрипт

<script>

3.локальное включение у тега путем назначения обработчика у события.

События:

onfocus – при фокусе

onblur – при уходе с элемента

onclick

onmouseover

onmouseout

onmousemove

onchange

onsubmit

Простые типы данных:

1.Числовые литералы определяются как в С. Арифметические операции как в С, кроме деления. При делении целого на целое может быть вещественное, а не целое как в С.

2.Строковые литералы

Могут задаваться как в одинарных, так и в двойных кавычках.

3.Булевские литералы

true false

Разделителем операторов может быть либо «;» либо «{}» либо перевод строки.

Операторы циклов, условные операторы

if – как в С

switch – как условие могут быть и строки (в последних версиях)

while – как в С

for – как в С

и как forish

Операторы присвоения, сравнения, битовые – как в С.

Объявление переменных

Возможно следующими способами:

1)var a=0; - локально в области видимости и она перекрывает переменные с таким же именем из верхних областей видимости.

2)a=0; - либо обращение к уже существующей переменной, ранее объявленной, либо объявление новой переменной, которая является свойством объекта, внутри которого мы находимся (если это глобальная вставка скрипта то это свойство объекта Windows)

17.02.14