Какой фон будет виден в квадрате div, если дана следующая html разметка:
<div class="square" style="background-color: Red !important;">
</div>
и подключена CSS – таблица:
.square {
width: 100px;
height: 100px;
background-image: url(img/square.jpg); /* размер картинки 100х100 пикселов */
background-color: Black;
}
Какой фон будет виден в квадрате div, если дана следующая html разметка:
<div class="square" style="background-color: Red !important;">
</div>
и подключена CSS – таблица:
.square {
width: 100px;
height: 100px;
background-image: url(img/square.jpg); /* размер картинки 100х100 пикселов */
background-color: Black;
}
Каким свойством css, указанным для элемента фиксированной ширины, можно расположить его по центру обрамляющего блока?
Каким свойством css, указанным для элемента фиксированной ширины, можно расположить его по центру обрамляющего блока?
Каким образом с помощью CSS можно центрировать inline контент блочного элемента (например,) по горизонтали?
Каким образом с помощью CSS можно центрировать inline контент блочного элемента (например,) по горизонтали?
Какое значение можно задать в CSS свойстве order?
Какое значение можно задать в CSS свойстве order?
Позволяет ли CSS 3 добавить одновременно два фоновых изображения к одному элементу?
Позволяет ли CSS 3 добавить одновременно два фоновых изображения к одному элементу?
Какие из перечисленных единиц не относятся к единицам измерения в CSS?
Какие из перечисленных единиц не относятся к единицам измерения в CSS?
Какой отступ будет между двумя блоками <div> и <p>?
<body>
<div id="d1">...</div>
<p id="p1">...</p>
</body>
#d1 {
margin-bottom: 30px;
padding: 0;
}
#p1 {
margin-top: 20px;
padding: 0;
}
Какой отступ будет между двумя блоками <div> и <p>?
<body>
<div id="d1">...</div>
<p id="p1">...</p>
</body>
#d1 {
margin-bottom: 30px;
padding: 0;
}
#p1 {
margin-top: 20px;
padding: 0;
}
CSS 2 и 2.1 поддерживают свойство box-shadow (добавляет тень к элементу).
CSS 2 и 2.1 поддерживают свойство box-shadow (добавляет тень к элементу).
Укажите НЕсуществующие значения свойства float.
Укажите НЕсуществующие значения свойства float.
Свойство overflow управляет отображением содержания блочного элемента, если оно целиком не помещается и выходит за область заданных размеров. Какие значения могут применяться к этому свойству?
Свойство overflow управляет отображением содержания блочного элемента, если оно целиком не помещается и выходит за область заданных размеров. Какие значения могут применяться к этому свойству?
Какое CSS свойство дает возможность изменить порядок размещения flex элементов в их flex контейнере?
Какое CSS свойство дает возможность изменить порядок размещения flex элементов в их flex контейнере?
Какой будет цвет у слова 'blah'?
CSS:
ul li em { color: red }
HTML:
<ul>
<li> blah </li>
</ul>
Какой будет цвет у слова 'blah'?
CSS:
ul li em { color: red }
HTML:
<ul>
<li> blah </li>
</ul>
Отметьте те атрибуты блочных элементов, значение которых можно устанавливать в «auto»:
Отметьте те атрибуты блочных элементов, значение которых можно устанавливать в «auto»:
Дан код:
<div id="foxmenu">
Text
</div>
Какой стиль будет применен к данному коду?
Дан код:
<div id="foxmenu">
Text
</div>
Какой стиль будет применен к данному коду?
Выберите правильные утверждения относительного данного кода:
<style>
h1{color: red;}
h2.some{color: grey;}
body h1{color: green;}
h2{color: yellow;}
html > body table tr[id="total"] td ul > li{color: black;}
li#some{color: blue;}
</style>
<body>
<h1>1</h1>
<h2 class="some">2</h2>
<table>
<tr id="total">
<td>
<ul>
<li id="some">3</li>
</ul>
</td>
</tr>
</table>
</body>
Варианты ответа:
1) 1 -> color: green; 2 -> color:yellow; 3 -> color.black
2) 1 -> color: red; 2 -> color:yellow; 3 -> color.black
3) 1 -> color: green; 2 -> color:grey; 3 -> color.blue
4) 1 -> color: red; 2 -> color:grey; 3 -> color.blue
Выберите правильные утверждения относительного данного кода:
<style>
h1{color: red;}
h2.some{color: grey;}
body h1{color: green;}
h2{color: yellow;}
html > body table tr[id="total"] td ul > li{color: black;}
li#some{color: blue;}
</style>
<body>
<h1>1</h1>
<h2 class="some">2</h2>
<table>
<tr id="total">
<td>
<ul>
<li id="some">3</li>
</ul>
</td>
</tr>
</table>
</body>
Варианты ответа:
1) 1 -> color: green; 2 -> color:yellow; 3 -> color.black
2) 1 -> color: red; 2 -> color:yellow; 3 -> color.black
3) 1 -> color: green; 2 -> color:grey; 3 -> color.blue
4) 1 -> color: red; 2 -> color:grey; 3 -> color.blue
С помощью какого свойства можно управлять выравниванием?
С помощью какого свойства можно управлять выравниванием?
Какой фрагмент кода позволяет убрать рамку вокруг графической ссылки (укажите все подходящие варианты)?
1) <a href="..."><img src="..." border="0" /></a>
2) <a href="..."><img src="..." style="border:none;" /></a>
3) <a href="..." style="border:none;"><img src="..." /></a>
4) <a href="..." border="0"><img src="..." /></a>
Какой фрагмент кода позволяет убрать рамку вокруг графической ссылки (укажите все подходящие варианты)?
1) <a href="..."><img src="..." border="0" /></a>
2) <a href="..."><img src="..." style="border:none;" /></a>
3) <a href="..." style="border:none;"><img src="..." /></a>
4) <a href="..." border="0"><img src="..." /></a>
С помощью какого свойства можно управлять величиной отступа первой строки блока текста?
С помощью какого свойства можно управлять величиной отступа первой строки блока текста?
В чем отличие тегов b и strong?
1) Тег b подчеркивает важность
2) Тег strong подчеркивает важность
3) Тег b отображает текст курсивным шрифтом
4) Тег strong отображает текст курсивным шрифтом
В чем отличие тегов b и strong?
1) Тег b подчеркивает важность
2) Тег strong подчеркивает важность
3) Тег b отображает текст курсивным шрифтом
4) Тег strong отображает текст курсивным шрифтом
Какая высота родительского элемента?
<div class='parent'>
<div class='child1'></div>
<div class='child2'></div>
</div>
.child1 {
width: 200px;
height: 50px;
float: left;
}
.child2 {
width: 200px;
height: 70px;
}
Какая высота родительского элемента?
<div class='parent'>
<div class='child1'></div>
<div class='child2'></div>
</div>
.child1 {
width: 200px;
height: 50px;
float: left;
}
.child2 {
width: 200px;
height: 70px;
}