 |
АвтоАвтоматизацияАрхитектураАстрономияАудитБиологияБухгалтерияВоенное делоГенетикаГеографияГеологияГосударствоДомДругоеЖурналистика и СМИИзобретательствоИностранные языкиИнформатикаИскусствоИсторияКомпьютерыКулинарияКультураЛексикологияЛитератураЛогикаМаркетингМатематикаМашиностроениеМедицинаМенеджментМеталлы и СваркаМеханикаМузыкаНаселениеОбразованиеОхрана безопасности жизниОхрана ТрудаПедагогикаПолитикаПравоПриборостроениеПрограммированиеПроизводствоПромышленностьПсихологияРадиоРегилияСвязьСоциологияСпортСтандартизацияСтроительствоТехнологииТорговляТуризмФизикаФизиологияФилософияФинансыХимияХозяйствоЦеннообразованиеЧерчениеЭкологияЭконометрикаЭкономикаЭлектроникаЮриспунденкция
Таблицы стилей
По мере увеличения количества документов HTML вам будет все труднее и труднее заниматься их оформлением. Представьте себе, что вам нужно, например, изменить оформление заголовков первого уровня во всех документах, а также изменить шрифтовое оформление текста, вставленного в документ при помощи оператора <P>. Ручная обработка множества документов HTML с целью приведения их внешнего вида к некоторому стандарту может отнять немало времени.
Для решения этой проблемы вы можете использовать так называемые каскадные таблицы стилей Cascading Style Sheets (CCS).
Цель лабораторной работы не изучить все свойства таблиц стилей, а научиться их применять. (Обратить внимание при подготовке к защите лабораторных работ)
Стили необходимые для выполнения лабораторного задания приведены ниже. Полное описание текущей редакции каскадных таблиц стилей (для дальнейшего самостоятельного изучения) вы можете найти в Интернете или в рекомендуемой литературе.
| Свойства | Значения | Работает ли механизм наследования |
| color | Название цвета или его номер Цвет может быть задан названием (например, green) или номером в соответствии со шкалой RGB. Это значение может быть задано несколькими способами: в шестнадцатеричной системе, например "#FFFFFF", процентами -"80%,20%,0%" или в десятичной системе - "245, 0, 20". | Да |
| background-image | С помощью этого свойства можно определить URL-адрес фоновой картинки. Адрес должен быть заключен в скобки и идти непосредственно за словом url. | Нет |
| text-align | left, right, center Определяет, как текст будет выровнен относительно содержащего его элемента | Да |
| Font-Family | Вы можете установить несколько возможных значений в порядке предпочтения (на тот случай, когда в браузере нет нужного шрифта). Для этого просто разделите их запятыми. | Да |
| font-size | Размер шрифта | Да |
Способы использования стилей
Предусмотрено три различных способа использования стилей. В зависимости от ваших потребностей, вы можете применять все или только некоторые из них.
Общие таблицы стилей для нескольких документов HTML
Наиболее интересное применение таблиц стилей - это их использование для оформления многих, возможно, даже всех документов HTML. При этом выполняется подключение (linking) файлов таблиц стилей к документам HTML. Имя файла таблицы стилей должно иметь вид *.css.
Изменяя содержимое файлов таблиц стилей, вы сможете без прямого редактирования изменить внешний вид всех документов HTML, к которым подключены эти файлы.
Поиск по сайту: