Приложение 3. Часто используемые свойства стилевых таблиц

Свойство	Описание	Значения	Примеры и примечания
font-family	Задаёт гарнитуру (семейство) шрифтов	Названия шрифтов в порядке приоритетности. Перечисляются через запятую. Семейство шрифтов: serif – с засечками, sans-serif – без засечек, monospace – моноширинный	body {font-family: Verdana, Arial, sans-serif;} Страница будет оформляться шрифтом Verdana. Если его на компьютере пользователя нет, то используется Arial, а если нет и его – шрифт по умолчанию из семейства sans-serif (без засечек)
font-style	Задаёт способ начертания шрифта	normal – обычный, italic – курсив, oblique – наклонный	h1 {font-family: Verdana; font-style: italic; font-size: 140%;}
font-weight	Задаёт толщину («вес») шрифта	normal – обычный, bold – жирный	h2 {font-family: Verdana; font-weight: bold; font-size: 14pt;}
font-size	Задаёт размер шрифта	а) абсолютный размер: pt – в пунктах (1 pt = 1/72 дюйма); px – в пикселах; б) размер в процентах по отношению к родительскому элементу	h3 {font-family: Verdana; font-style: italic; font-weight: bold; font-size: 13px;}
text-decoration	Задаёт «украшение» текста линейками (подчёркивание, надчёркивание, зачёркивание)	none – нет; underline – подчёркивание; overline – надчёркивание; line-through – зачёркивание.	a:visited {text-decoration: none} Отменяет подчёркивание у посещённых ссылок.
text-align	Задаёт горизонтальное выравнивание текста	left – по левому краю; right – по правому краю; center – по центру; justify – по ширине.	p {text-align: justify}
vertical-align	Задаёт выравнивание текста по вертикали, верхние и нижние индексы	super – верхний индекс; sub – нижний индекс; top – по верхнему краю; middle – по середине; bottom – по нижнему краю.	td {vertical-align: top} <p> H <span style = "vertical‑align: sub;"> 2 </span> O </p> (Отображение в браузере: H2O)
color	Задаёт цвет текста	название цвета или шестнадцатеричное значение составляющих цвета	h4 {color: olive} a:link {color: #804028}
background-color	Задаёт цвет фона	то же	body {background-color: lightyellow} td {background-color: #F0F0DC}
background-image	Задаёт фоновое изображение	имя файла рисунка с изображением	body {background-image: url(mybackground.gif)}
background-repeat	Задаёт способ повторения фонового изображения	repeat – повторять по вертикали и горизонтали no-repeat – не повторять repeat-x – повторять по горизонтали repeat-y – повторять по вертикали	body {background-image: url(mybackground.gif); background-repeat: repeat‑x}

Оглавление

Введение. 3

1. Общие вопросы веб-разработки. 4

1.1. Цели и задачи создания веб-страниц. 4

1.2. Основные понятия и пояснения. 4

1.3. Основные элементы веб-страницы и файловая структура веб-сайта. 6

1.4. Программное обеспечение рабочего места веб-мастера. 8

2. Непосредственная работа с HTML-кодом.. 10

2.1. Структура HTML-документа. 10

2.2. Основные тэги. 11

2.3. Вставка специальных символов в HTML-документ. 20

2.4. Таблицы в HTML.. 21

2.5. Каскадные таблицы стилей (CSS) 23

2.6. Свободно позиционируемые элементы.. 30

3. Визуальный редактор веб-страниц Microsoft FrontPage. 32

3.1. Интерфейс Microsoft FrontPage. 32

3.2. Ввод и редактирование текста в Microsoft FrontPage. 33

3.3. Форматирование текста. 34

3.4. Создание таблиц в Microsoft FrontPage. 35

3.5. Каскадные таблицы стилей в Microsoft FrontPage. 35

4. Язык сценариев JavaScript 37

4.1. Простейшие сценарии JavaScript 37

4.2. Типы данных в JavaScript 39

4.3. Переменные в JavaScript 40

4.4. Выражения, условия и операции. 42

4.5. Основные операторы JavaScript 45

4.6. Функции в JavaScript 50

4.7. Использование объектов в JavaScript 52

4.8. Использование объектной модели документа. 55

4.9. Способы подключения сценария к веб-странице. 57

4.10. Примеры анимации на веб-страницах. 58

Приложение 1. Таблица основных тэгов HTML.. 64

Приложение 2. Часто используемые символьные подстановки. 66

Приложение 3. Часто используемые свойства стилевых таблиц. 67

Литература. 69

Дата добавления: 2015-07-26