Можно без вступительных слов... просто текстом отвечать? 
Задание 1. (Какими свойствами будет обладать элемент, для которого определены стилевые правила)
Элемент будет обладать следующими свойствами:
- отступ от левой границы элемента в 500 пикселей от начальной точки расположения, т.к. из двух заданий одного и того же свойства выполняется последнее.
В случае, если элемент содержит текст, то еще и:
- интервал между символами в 0.1 em единиц, относительно высоты шрифта;
- бувквы будут заглавными.
Задание 2. Как убрать подчеркивание для всех ссылок?
С помощью CSS задать им свойство:
a, a:hover, a:active, a:visited {text-decoration: none;}
Уберет подчеркивание у обычной/при наведении/нажатой/посещенной ссылок соответственно.
Задание 3. Дан код... В какой из строк установлен двойной межстрочный интервал и почему?
Двойной межстрочный интервал будет у первой строки, потому что задан стилевой класс, переопределивший стандартный размер (в данном случае в 1em) межстрочного интервала для первой строки.
Задание 4. В чём состоят отличия между примерами, представленными во фрагменте кода...
Различие состоит в том, что в первом случае данное свойство семейства шрифтов будет применено и к абзацу, и к тексту, написанному курсивом (в тегах <i></i>);
во втором случае - только к тексту, написанному курсивом.
Задание 5. Каким образом будет выглядеть конечный документ после обработки браузером фрагмента кода и почему?
Документ будет выглядеть так:
на сером фоне расположены друг под другом две строки текста, первая в оранжевом прямоугольнике, вторая изменений не претерпевает (т.е. черные буквы на сером фоне). Происходит это потому, что тег <p> является блочным элементом. И тег <div> также является блочным элементом. И по правилам тега <p> - если после первой строки не было поставлено закрывающего тега (</p>), конец абзаца совпадет с началом следующего блочного элемента, коим и стал <div>.
Задание 6. Какой слой не будет виден после обработки браузером фрагмента кода.
Третий (Third) - потому что его положение выходит за рамки окна браузера.
Задание 7. Какие строки содержат ошибки? Исправьте их.
0 div {
1 background-color: transparent;
2 color: _d9b666;
3 font-style: bold;
4 margin-top: 10px;
5 text-align: center;
}
Ответ: ошибки в строках 2 и 3.
1 вариант исправления:
div {
background-color: transparent;
color: #d9b666;
font-style: italic;
margin-top: 10px;
text-align: center;
}
2 вариант исправления:
div {
background-color: transparent;
color: #d9b666;
font-weight: bold;
margin-top: 10px;
text-align: center;
}
Задание 8. Какое значение будет иметь третий маркер списка:
Значение "H" (англ. алфавит).
Задание 9. Какие теги позволяют создавать элементы с множественным выбором?
Теги <select></select> с атрибутом multiple позволяют создавать элементы с множественным выбором.
Пример:
<form>
<select multiple>
<option>Element 1</option>
<option>Element 2</option>
</select>
</form>
Задание 10. Что означает данный код?
Данный код означает, что на странице расположено 3 элемента с "флажками", последний из которых будет заранее помечен (checked).
Кроме того, у каждого элемента задано имя (name), что позволит его идентифицировать при обработке, и значение (value), которое является уникальным для каждого флажка и позволит обработчику одназначно установить, какой пункт был выбран.
Задание 11. Может ли у тега <a> не быть атрибута href? Почему?
У тега <a> не может не быть атрибута href, т.к. последний является для тега <a> обязательным.
Задание 12. Для чего предназначен id тегов?
Атрибут id присваивает элементу уникальное название, которое может быть только единственным в пределах данного документа (т.е. двух элементов с одинаковыми значениями id в коде быть не должно, для этого существуют классы).
Это уникальное название впоследствии даст возможность обратиться к элементу посредством скриптов.
Атрибут id в HTML имеет не одно применение:
- он может выступать как селектор стиля отдельных элементов,
- так и в качестве закладки для гиперссылок,
- или для указания на конкретный элемент из сценария (script),
- также в качестве имени элемента object.
Задание 13. Какими свойствами будет обладать элемент, для которого заданы правила?
1. Если элемент содержит текст, то цвет текста будет черного цвета, а тень текста будет размытой в радиусе 6 пикселей цвета c0c0c0.
(*2. Куски кода, отвечающие за фон блочного элемента не сработают, ибо там три ошибки кряду.
Если в последней строке исправить на:
Фактически ничего не поменяется, т.к. по умолчанию цвет фона и без того transparent. Но вот если исправить после этого еще 2 ошибки в первой строке:
background-color: #ffffff !important;
то у фона блочного элемента появится цвет, и будет он белым, причем неважно, какой код цвета будет задан в последней строке, !important повышает приоритет первой строки.
Однако если это были ненамеренные опечатки (а скорее всего они были сделаны специально), вторая часть ответа идет как примечание оО.
Задание 14. Какими способами можно задать размеры изображения? Приведите примеры.
С помощью HTML.
1. Прямо в тегe, предназначенном для вывода изображения в графическом виде:
<img width="100" height="100" src="http://mmm.ru"/>
Причем если указать только ширину
<img width="100" src="http://mmm.ru"/>
высота будет вычисляться браузером автоматически и пропорционально относительно основного изображения.
2. Этим же способом, но в процентном отношении:
<img width="101%" height="101%" src="http://mmm.ru"/>
<img width="101%" src="http://mmm.ru"/>
Средствами CSS:
3.
<img style="width: 101%; height: 101%;" src="http://mmm.ru"/>
<img style="width: 101%;" src="http://mmm.ru"/>
Причем в этом случае уже возможны любые доступные CSS единицы длины, не только px и %.
4. Описать через CSS путем обращения к тегу <img/>:
img {width: 200px; height: 30px;}
или
Пропорции сохраняются как и прежде.
В вопросе не указано, как конкретно представлено изображение, размеры которого меняем доступными нам способами. Значится ли оно в теге <img/> или описано через CSS как свойство background.
5. Если последний случай все же имеет смысл, то есть такое свойство как background-size, которое масштабирует изображение согласно заданным размерам. К примеру одно из значений этого свойства - contain
background: transparent url("...link...") 0 0 no-repeat;
background-size: contain;
Масштабирует изображение с сохранением пропорций так, что картинка полностью помещается внутри блока.
Об остальных значениях можно почитать в учебниках...
Ну или просто обрезать/уменьшить в ФШ или любом другом граф. редакторе до нужного размера и поставить в <img/> как есть )
Задание 15. Какие строки содержат ошибки? Исправьте их.
0 div {
1 border-color: #c1b194;
2 border-style: thin;
3 border-width: 1%;
4 }
Ответ: ошибки в строках 2 и 3
Относительно 2-ой строки, у border-style нет такого значения как thin. Поэтому меняем его на любое существующее.
Относительно 3-ей строки, border-width имеет 3 значения thin|medium|thick, однако толщина этих значений несколько отличается в разных браузерах. Рациональнее задавать border-width в пикселях.
Также в процентах толщина границы не измеряется, и браузер просто выдает толщину границы по умолчанию.
Поэтому
div {
border-color: #c1b194;
border-style: solid;
border-width: 1px;
}
Задание 16.
И последний вопрос... неужели 
При задании элементу правила position: absolute элемент окажется абсолютно позиционированым, при этом другие элементы документа отобразятся так, словно нашего абсолютно позиционированного и нет среди них.
Ситуация исправляется применением правила z-index.
Положение элемента будет задаваться такими свойствами как top, right, bottom, left.
На положение абсолютно позиционированного элемента влияет и значение свойства position у родительского элемента.
Рунный 24
