Свойства блоков

margin

margin-top, margin-right, margin-bottom, margin-left

Устанавливают ширину поля для определенной стороны элемента

Пример

P {margin-top: 20px}

Body {margin: 30px 20px 10px 20px} – сверху справа снизу слева

padding

padding-top, padding-right-, padding-bottom, padding-left

Устанавливают ширину промежутка между содержимым элемента и определенным участком его границы

Пример

P {padding-top: 20 px}

border-width

border-top-width, border-right-width, border-bottom-width, border-left-width

Устанавливают ширину рамки для определенной стороны. Рамка проходит между полем и остальной частью документа

Пример

P {border-top-width: 20px}

border-color

border-top-color, border-right-color, border-bottom-color, border-left-color

Устанавливают цвет рамки для определенной стороны. Рамка проходит между полем и остальной частью документа

Пример

P {border-top-color: red}

border-style

border-top-style, border-right-style, border-bottom-style, border-left-style

Устанавливают стиль рамки для определенной стороны. Рамка проходит между полем и остальной частью документа

Значения

none

hidden

dotted

dashed

solid

double

groove

ridge

inset

outset

Пример

P {border-top-style: dotted}

Свойства списков

list-style-type

Определяет стиль маркеров или номеров списка

Значения

disc– маркер в виде диска

circle– маркер в виде круга

square– маркер в виде квадрата

decimal– списки, пронумерованные с помощью чисел

decimal-leading-zero– списки, пронумерованные с помощью десятичных чисел с лидирующими нулями

lower-roman– списки, нумерованные с помощью строчных римских цифр

upper-roman– списки, нумерованные с помощью заглавных римских цифр

lower-latin– строчные латинскиеASCII символы

upper-latin– заглавные латинскиеASCIIсимволы

lower-greek– строчные греческие буквы

list-style-image

Определяет изображение, которое будет использоваться в качестве маркера списка

Значение – адрес (URL) изображения

Пример

UL{list-style-image:url("1.gif")}

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

Для управления элементами, не имеющих собственных тегов

:link– еще не посещенные ссылки

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

:lang– определяет текущий язык

:first-line– первая строка форматируемого абзаца

:first-letter– первая буква абзаца

Пример

P:first-letter {font-weight: bolder}

Информатика2 21.02.2016

JavaScript

Введение

Язык JavaScriptразработан фирмойNetscapeДля создания интерактивныхHTML-документов.

Области применения:

- создание динамических страниц, т.е. их содержание может меняться после загрузки документа;

- проверка правильности заполнения форм пользователем до пересылки их на сервер;

- решение локальных задач с помощью сценариев.

Программа (сценарий, скрипт)на языкеJavaScriptпредставляет собой последовательность операторов.

Литералы

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

Типы литералов

- Целые

- Десятичные (0, -17, 22)

- Шестнадцатеричные (0xAFF, 0x123, 0x2E)

- Восьмеричные (0123, 056, 04)

- Вещественные (123.24, -9.0, 1е-6)

- Логические (true,false)

- Строковые ("строка")

Переменные

Переменные используются для хранения данных

Типы переменных - те же, что и для литералов

Объявляются без указания типов (он определяется при задании значения)

Например

vart

varx= -2.2

varstroka= "Результат работы программы: "

Правила описания и использования переменных в JavaScript

- переменные начинаются с VAR(от словаvariable), следом идет имя, знак = и значение переменной. Служебное словоVARможно опускать;

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

- имена переменных различают регистр. Таким образом, Хих– это две разные переменные;

- значение текстовой переменной ставится в кавычки. Числовые переменные не ставятся в кавычки, иначе интерпретатор поймет их как текст с числовым значением 0;

- в JavaScript, как и в других языках программирования, есть зарезервированные слова, например, названия команд. Этими словами называть команды нельзя;

- если необходимо, вместо пробела можно ставить знак подчеркивания, например, _user_name.