Приветствую всех хабровчан и хабровчанок :)

Сегодня меня озадачили следующим: придумать список вопросов для того, чтобы оценить знания и умения человека, претендующего на вакансию html-верстальщика.
Лично мне кажется, что по таким тестам реальный уровень оценить сложно, но все-таки общие представления о знаниях они дадут.

Накатала такие

1. Заданы следующие стили:
<style>
.red {
  color:green;
}
.green {
  color:red;
}
.red .green {
  color:yellow;
}

#black {
  color:black;
}
</style>

Какой цвет у текста будет, если классы применить таким образом:
<div class="red green">текст</div>

А в таком случае:
<div class="red"><div class="green">текст</div></div>

А в таком:
<div class="red"><div class="green" id="black">текст</div></div>


2. Задан div со следующими стилями:
.fl {
  width:200px;
  height:200px;
  border:1px solid red;
  float:left;
}

Как он будет себя вести во всех браузерах, если ему задать padding-left:100px;
А если margin-left?

3. Заданы следующие классы:
.f1 {
  width:200px;
  height:200px;
  border:1px solid red;
  float:left;
  position:relative;
}

.f2 {
  position:absolute;
  width:50px;
  height:50px;
  border:1px solid #000000;  
  top:0px;
  left:0px;
}


<div class="f1"><div class="f2"></div></div>

Как это будет выглядеть? Почему?

4. Заданы следующие классы для блоков:
.d1 {
  width:200px;
  height:100px;
  border:1px solid red;
  margin-bottom:30px;
}


.d2 {
  width:200px;
  height:100px;
  border:1px solid red;
  margin-top:10px;
}

Блоки:
<div class="d1"></div>
<div class="d2"></div>

Какое расстояние между ними будет? Во всех браузерах ли одинаковое? Почему?

5. Вопрос на знание материала — для каких браузеров верстаете (требуется, чтобы для ИЕ6, ИЕ7, Опера, Мозилла2, Мозилла3, Сафари, Хром). Назовите по паре багов в каждом браузере.

Было бы замечательно, если бы общественность покритиковала сами вопросы, ну или предложила бы свои :)