Приветствую всех хабровчан и хабровчанок :)
Сегодня меня озадачили следующим: придумать список вопросов для того, чтобы оценить знания и умения человека, претендующего на вакансию html-верстальщика.
Лично мне кажется, что по таким тестам реальный уровень оценить сложно, но все-таки общие представления о знаниях они дадут.
Накатала такие
1. Заданы следующие стили:
Какой цвет у текста будет, если классы применить таким образом:
А в таком случае:
А в таком:
2. Задан div со следующими стилями:
Как он будет себя вести во всех браузерах, если ему задать padding-left:100px;
А если margin-left?
3. Заданы следующие классы:
Как это будет выглядеть? Почему?
4. Заданы следующие классы для блоков:
Блоки:
Какое расстояние между ними будет? Во всех браузерах ли одинаковое? Почему?
5. Вопрос на знание материала — для каких браузеров верстаете (требуется, чтобы для ИЕ6, ИЕ7, Опера, Мозилла2, Мозилла3, Сафари, Хром). Назовите по паре багов в каждом браузере.
Было бы замечательно, если бы общественность покритиковала сами вопросы, ну или предложила бы свои :)
Сегодня меня озадачили следующим: придумать список вопросов для того, чтобы оценить знания и умения человека, претендующего на вакансию 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, Сафари, Хром). Назовите по паре багов в каждом браузере.
Было бы замечательно, если бы общественность покритиковала сами вопросы, ну или предложила бы свои :)