Несколько таблиц стилей

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

Например, внешняя таблица стилей имеет следующие свойства для селектора p:

p

{

font-family: "sans serif";

margin-left: 10pt;

font-style: italic;

font-weight: bold

}

А внутренняя таблица стилей имеет для селектора p следующие свойства:

p

{

margin-left: 20pt;

font-style: normal;

font-weight: bolder

}

Итак, при соединении внешней таблицы стилей с внутренней для селектора p будут определены следующие свойства:

font-family: "sans serif";

margin-left: 20pt;

font-style: normal;

font-weight: bolder

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

4. Практическая часть

Выполните следующие задания:

1. Создать Web-страницу, содержащую 10 блочных и строчных тэгов.

2. Подключить к Web-странице внешнюю таблицу стилей.

3. Применить к каждому из тэгов различные свойства CSS.

4. Подготовить отчет о выполнении лабораторной работы, содержащий теоретические сведения и результаты выполнения практических заданий.

5. Контрольные вопросы

   1. Что представляет собой технология CSS?

   2. Как расшифровывается аббревиатура CSS и что она означает?

   3. Приведите примеры селекторов.

   4. Приведите примеры использования технологии CSS.

   5. Какие способы подключения таблиц стилей вам известны?

   6. В чем состоит удобство использования технологии CSS?

   7. Что такое селектор класса?

   8. Что означает понятие «селектор идентификатора»?

   9. Приведите примеры использования селектора класса и селектора идентификатора.

Список рекомендуемой литературы

1. Справочник CSS [Электронный ресурс]. – Режим доступа: URL: http://htmlbook.ru/css/ (дата обращения: 10.03.2013).

2. Справочник CSS3 [Электронный ресурс]. – Режим доступа: URL: http://www.css3.info/preview/ (дата обращения: 10.03.2013).

Интернет-программирование. Блочная верстка CSS3 [Текст] + [Электронный ресурс]: методические указания к выполнению лабораторной работы № 1 для студентов очной формы обучения по направлениям подготовки 230700 «Прикладная информатика» и 080500 «Бизнес-информатика»

ДАДЫКИН ВАЛЕРИЙ СЕРГЕЕВИЧ

Научный редактор Редактор издательства Компьютерный набор

С.В. Андриянов Л.И. Захарова В.С. Дадыкин

Темплан 2014 г., п. 273

Подписано в печать Формат 60х84 1/16 Бумага офсетная. Офсетная печать. Усл. печ.л.0,58 Уч.-изд.л. 0,58 Тираж 40 экз. Заказ Бесплатно

Брянский государственный технический университет

241035, Брянск, бульвар 50 лет Октября, 7, бгту, 58-82-49

Лаборатория оперативной полиграфии БГТУ, ул. Институтская, 16