Ответы на вопросы. Стили отдельного файла

На начало урока 10
Возврат

Вопросы

Стили отдельного файла

Ответы на вопросы

Назовите три способа внедрения стилей в HTML-код.
Ответ. Стилевые определения можно записывать:
- в отдельном теге;
- в головной части отдельного файла;
- в отдельном стилевом файле (с расширением css).
На какие элементы распространяется стиль, указанный в открывающем теге элемента?
Ответ. Такой стиль действует внутри данного элемента, в том числе наследуется его потомками. Например, красный цвет, заданный в теге P, распространяется на текст этого абзаца, в том числе и на элемент EM, который присутствует в абзаце.
На какие элементы распространяется стиль, указанный для всего файла?
Ответ. Стиль, заданный для тега в головной части HTML-кода, будет действовать на все элементы, с таким открывающим тегом и на все их потомки.
На какие элементы распространяется стиль, указанный в отдельном стилевом файле?
Ответ. Стиль, заданный для элемента в отдельном стилевом файле, действует на все такие элементы во всех HTML-файлах, которые содержат ссылку на этот стилевой файл (в теге LINK). А также на их потомки.
Одно и то же стилевое правило задано в теге, головной части файла и отдельном стилевом файле (на который имеется ссылка в теге LINK). Которое из правил будет работать?
Ответ. Будет работать более конкретное указание, заданное в самом теге.
В какой части HTML-кода записываются стилевые определения, относящиеся ко всему файлу?
Ответ. В головной части HTML-кода (внутри элемента <HEAD>...</HEAD>).
Какой элемент HTML предназначен для стилевых описаний, относящихся ко всему файлу?
Ответ. Элемент STYLE.

В каком виде записываются стилевые определения внутри элемента STYLE?

Ответ.

Опишите формат записи стилевого определения внутри элемента STYLE.
Ответ. Стилевое определение имеет вид:
```
Имя тега (или имена тегов через запятые)
{
 свойство: величина;
 ...
 свойство: величина;
}
```
Зачем стилевые описания в элементе STYLE оформляются как комментарий HTML?
Ответ. Стилевые определения записываются как HTML-комментарий, чтобы “не смущать” браузеры, которые не поддерживают CSS. Сам тег STYLE такие браузеры тоже проигнорируют, ибо именно так должны поступать браузеры по стандарту HTML с незнакомыми тегами.
Что означает принцип наследования стилей?
Ответ. Элемент сохраняет стили своего родителя, и сам передаёт приобретённый стиль по наследству свои потомкам.
Что понимается под каскадированием стилей?
Ответ. Под каскадированием стилей понимается принцип обработки множественных определений, заданных для одного элемента.
Сформулируйте общее правило каскадирования в терминах общее-частное.
Ответ. Частное определение главнее общего.
Сформулируйте общее правило каскадирования в терминах потомок-родитель.
Ответ. Стилевое определение потомка отменяет аналогичное определение родителя и передаётся по наследству.
Сформулируйте четыре детальных правила каскадирования.
Ответ. Детальные правила каскадирования:
1. Если для родительского элемента (например, BODY) задано стилевое определение, и оно не конфликтует со стилевыми определениями, заданными для потомка (например, для P), то стилевое определение родителя наследуется потомком.
2. Стилевое определение потомка (например, P) главнее аналогичных определений родителя (например, BODY).
3. Стилевое определение в теге главнее стилевого определения в головной части HTML-кода, а последнее главнее определений, заданных в отдельном стилевом файле.
4. Если задано несколько конфликтующих стилевых определений равного каскадного веса, то действует последнее из них. Например, текст в абзаце <P style="color:red;color:blue"> будет синего цвета.

Возврат
На начало урока 10