Упражнение 2.2. Ответы на контрольные вопросы из раздела 2
- Вопрос.Какие свойства стилей предназначены для задания высоты и ширины HTML-блока?
Ответ.margin - установка ширины внешних полей сразу для всех сторон элемента.padding — установка ширины внутренних полей сразу для всех сторон элемента аналогично тому, как это делается для свойства margin.
Width. Устанавливает общую ширину элемента — блока текста или изображения. Ему можно назначить значение любым указанным выше способом, включая процентный, или определить его как auto, при этом программа просмотра сама установит оптимальные размеры элемента.Height. Устанавливает общую высоту элемента — блока текста или изображения. Например, можно применить свойства height и width для создания специального предупреждения фиксированного размера. Однако это свойство чаще используется при работе с изображениями. Ему можно научить величину любым указанным выше способом, включая процентный, или определить его как auto, при этом программа просмотра сама установит минимальные размеры элемента.
- Вопрос.Какие значения высоты и ширины будет иметь HTML-блок, если не будут указаны высота и ширина HTML-блока?
Ответ. Они не будут работать, т.к команда не указана(т.е. числовые данные).
- Вопрос.Перечислите все стили, которые можно использовать для задания размера внешнего отступа вокруг HTML-блока.
Ответ.margin-top; margin-right; margin-bottom; margin-left.
- Вопрос.Перечислите все стили, которые можно использовать для задания размера отступа вокруг содержимого HTML-блока.
Ответ. padding-top; padding-right; padding-bottom; padding-left.
- Вопрос.Какие свойства стиля необходимо задавать обязательно, чтобы отображалась рамка вокруг HTML-блока?
Ответ.border - используются для определения рамки, расположенной слева, справа, сверху и снизу от элемента. Можно устанавливать ширину, цвет и стиль рамки.
border-top; border-right; border-bottom; border-left.
- Вопрос.Как задаются классы стилей?
Ответ. Имя класса указывается в селекторе правила после имени тега и отделяется от него точкой. Можно определить несколько правил форматирования для одного элемента и с помощью параметра CLASS соответствующего тега применять разные правила форматирования.
- Вопрос.В чём преимущество задания классов стилей?
Ответ. CSS реализует возможность присваивать стили не всем одинаковым элементам страницы, а избирательно – для этого используется параметр CLASS = "имя класса" или идентификатор ID=«имя элемента», присваивающиеся любому элементу страницы.
Класс позволяет задать разные правила форматирования для одного элемента определённого типа или всех элементов документа.
- Вопрос.Как задаётся идентификатор стиля?
Ответ. Имя идентификатора в CSS - файле начинается со знака #. Примеры имени идентификаторов: #header, #div.header, #a.menulink:hover и т.д.
Идентификатор может встречаться только один раз на странице
Идентификатор является не только стилем, но еще и меткой однозначно определяющая объект, на которую можно ссылаться.
Для объектов идентификаторы указываются через специальный атрибут ID.Пример DIV ID="HEADER".
- Вопрос.В чём различие классов стилей и идентификаторов стилей?
Ответ.По сути между классами и идентификаторами в CSS никакого различия нет, разве что их указывать нужно по разному, но работают они оба совершенно одинаково, едиственное различие это то, что в HTML, аттрибут <id> имеет особое значение, этот идентификатор может может иметь связь со скриптами и его название не дожно повторяться. Далее в статье будет говориться о классах, но это всё справедливо и для идентификаторов.
- Вопрос.Зачем предназначен тэг <div>...</div?>
Ответ. Тег <div> предназначен для выделения фрагмента HTML-кода с целью изменения вида содержимого. Как правило, вид блока управляется с помощью стилей.
Содержимое тега <div> всегда начинается с новой строки. После него также добавляется перенос строки.