Текст изменит свой цвет на красный, если мы напишем:
div strong { color: red; }
div strong { color: red; }
Anonymous Quiz
50%
во всех strong, вложенных в div
30%
только в strong, являющихся прямыми потомками div
6%
в div
14%
в div и в strong
Нам нужно выровнять текст по центру. Какое свойство будем использовать?
Anonymous Quiz
3%
text-center: yes
94%
text-align: center
0%
font-align: middle
3%
font-align: center
Есть три правила:
.color-one {color: rgb(0,0,0);} .color-two {color: #000000;} .color-three {color: rgba(0,0,0,0.5);} Что они задают?
.color-one {color: rgb(0,0,0);} .color-two {color: #000000;} .color-three {color: rgba(0,0,0,0.5);} Что они задают?
Anonymous Quiz
5%
Первое правило задает непрозрачный цвет, второе и третье - полупрозрачный
75%
Первое и второе правило задают непрозрачный цвет, третье - полупрозрачный
6%
Все три правила задают непрозрачный цвет
13%
Все три правила задают цвет с прозрачностью
Что изменится внутри блока с классом menu, если мы напишем правило:
.menu li { list-style-image: url(“tick.png”); }
.menu li { list-style-image: url(“tick.png”); }
Anonymous Quiz
14%
Всем пунктам списка будет задан фон из файла tick.png
51%
Всем пунктам списка будут установлены маркеры-изображения из файла tick.png
7%
Всему блоку будет задан фон из файла tick.png
28%
Правило не сработает, т.к. свойства list-style-image не существует
Как будет выглядеть селектор, если нам нужно изменить цвет текста во всех пунктах ненумерованного списка, расположенного внутри блока с классом .list-block?
Anonymous Quiz
10%
color:
44%
.list-block ul
20%
ul.list-block
26%
.list-block.li
Правило
blockquote > p { margin-left: 30px; } задает отступ слева в 30 пикселей:
blockquote > p { margin-left: 30px; } задает отступ слева в 30 пикселей:
Anonymous Quiz
25%
у цитат, являющихся прямым потомком абзацев
9%
у абзацев, текста в которых меньше чем в цитатах
40%
у абзацев, являющихся прямыми потомками цитат
26%
у абзацев, вложенных в цитату
У всех картинок вы указали атрибут alt с текстом, но на странице ничего не изменилось. Для чего нужен этот атрибут?
Anonymous Quiz
1%
Так все делают
1%
Не нужен, можно не писать
6%
По нему браузер узнает, откуда загрузить картинку
91%
Альтернативный текст виден на месте изображения, если оно не загрузилось
Вы наполняете контентом сайт. На странице нужно поместить логотип, который также будет являться ссылкой. Какой код нужно использовать для этого?
Anonymous Quiz
17%
<img src=”logo.jpg”><a href=”/”></img>
8%
<a src=”/”><img href=”logo.jpg”></a>
13%
<a href=”/”><img href=”logo.jpg”></a>
63%
<a href=”/”><img src=”logo.jpg”></a>
Какой из селекторов является селектором по классу?
Anonymous Quiz
14%
class item
3%
item
81%
.item
2%
#item
Какое правило подойдет для изменения цвета всего текста на странице?
Anonymous Quiz
67%
body {color: red;}
7%
.html {color: red;}
11%
body {font-color: red;}
4%
font {color: red;}
11%
text {color: red;}
Одна из ячеек должна объединить 3 столбца и 5 строк. Какие атрибуты и значения будете использовать?
Anonymous Quiz
58%
colspan=”3” rowspan=”5”
17%
colspan=”5” rowspan=”3”
19%
collspan=”3” rowspan=”5”
5%
colspan=”3” rawspan=”5”
1%
span=”35”
Язык программирования, используемый для “оживления” веб-страниц в браузере:
Anonymous Quiz
4%
PHP
3%
Node.js
0%
Linux
92%
JavaScript
Нам нужно установить картинку sky.jpg на фон. Как будет выглядеть свойство и его значение?
Anonymous Quiz
7%
image: src(sky.jpg);
7%
background: sky.jpg;
82%
background: url(sky.jpg);
4%
background: “sky.jpg”;
Правило
p { line-height: 70px; } изменит
p { line-height: 70px; } изменит
Anonymous Quiz
11%
Расстояние между буквами
9%
Длину строки
7%
Высоту каждой буквы
73%
Высоту строки
В какой тег помещается блок цитаты:
Anonymous Quiz
8%
blogquote
82%
blockquote
1%
blackwater
8%
citata
В каком варианте пары «специалист-технология» составлены верно:
Anonymous Quiz
6%
frontend — php, backend — css
84%
frontend — javascript, backend — php
5%
frontend — ruby, backend — java
4%
frontend — .net, backend — html
Как указать, чтобы анимация двигалась с начала до конца и обратно?
Anonymous Quiz
10%
animation-direction: normal
48%
animation-direction: alternate-reverse
11%
animation-direction: alternate
30%
animation-direction: reverse