Разбор тестовых заданий

1. Каким цветом будет выведен text1, а каким text2? (легкая - 2 балла)

Важен порядок объявления стилей

2. Какого цвета будут животные? (легкая - 2 балла)

3. Валиден ли данный код? Объясните свой ответ. (легкая - 2балла)

4. Какой размер line-height в пикселях будет у текста (легкая - 2балла)

5. Чему равен размер font-size у h1 в пикселях? (легкая - 2 балла)

6. Подсчитать размеры зеленого прямоугольника (высоту и ширину): (легкая - 2 балла)

width:

6 * 40 + 6 * 15 + 6 * 15 = 420px

height:

6 * 10 + 6 * 10 + 16 * 1 = 136px

7. Нарисуйте и опишите что будет выведено в браузере (средняя - 4 балла)

7. Нарисуйте и опишите что будет выведено в браузере (средняя - 4 балла)

8.  Какой ширины будут block1, block2 и block3 (сложная - 6 баллов)

300px - 100px - 75px - 25px = 100px

100px / (2 + 1 + 2) = 20px

block1 = 100px + 2 * 20px = 140px

block2 = 75px + 1 * 20px = 95px

block3 = 25px + 2 * 20px = 65px

9. Необходимо реализовать галерею фотографий плиткой. (средняя - 4 балла)

1. использовать display: flex

2. добавить перенос строк flex-wrap: wrap;

3. для корректного переноса строк установить значение width в которое войдут три маленьких блока с отступам.

4. добавить выравнивание по вертикали align-items: center

10. Что будет выведено на экране? (сложная - 6 баллов)

10. Что будет выведено на экране? (сложная - 6 баллов)

11. Нарисуйте и опишите что будет выведено в браузере (сложная - 6 баллов)

11. Нарисуйте и опишите что будет выведено в браузере (сложная - 6 баллов)

11. Нарисуйте и опишите что будет выведено в браузере (сложная - 6 баллов)