Какой фон будет виден в квадрате 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?
Какая высота родительского элемента?
<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;
}
Свойство overflow управляет отображением содержания блочного элемента, если оно целиком не помещается и выходит за область заданных размеров. Какие значения могут применяться к этому свойству?
Свойство overflow управляет отображением содержания блочного элемента, если оно целиком не помещается и выходит за область заданных размеров. Какие значения могут применяться к этому свойству?
CSS 2 и 2.1 поддерживают свойство box-shadow (добавляет тень к элементу).
CSS 2 и 2.1 поддерживают свойство box-shadow (добавляет тень к элементу).
В чем отличие тегов b и strong?
1) Тег b подчеркивает важность
2) Тег strong подчеркивает важность
3) Тег b отображает текст курсивным шрифтом
4) Тег strong отображает текст курсивным шрифтом
В чем отличие тегов b и strong?
1) Тег b подчеркивает важность
2) Тег strong подчеркивает важность
3) Тег b отображает текст курсивным шрифтом
4) Тег strong отображает текст курсивным шрифтом
Какой отступ будет между двумя блоками <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;
}
Отметьте те атрибуты блочных элементов, значение которых можно устанавливать в «auto»:
Отметьте те атрибуты блочных элементов, значение которых можно устанавливать в «auto»:
Какой фрагмент кода позволяет убрать рамку вокруг графической ссылки (укажите все подходящие варианты)?
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>
Какое значение можно задать в CSS свойстве order?
Какое значение можно задать в CSS свойстве order?
С помощью какого свойства можно управлять выравниванием?
С помощью какого свойства можно управлять выравниванием?
Укажите НЕсуществующие значения свойства float.
Укажите НЕсуществующие значения свойства float.
Выберите правильные утверждения относительного данного кода:
<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
Каким свойством css, указанным для элемента фиксированной ширины, можно расположить его по центру обрамляющего блока?
Каким свойством css, указанным для элемента фиксированной ширины, можно расположить его по центру обрамляющего блока?
Дан код:
<div id="foxmenu">
Text
</div>
Какой стиль будет применен к данному коду?
Дан код:
<div id="foxmenu">
Text
</div>
Какой стиль будет применен к данному коду?
Позволяет ли CSS 3 добавить одновременно два фоновых изображения к одному элементу?
Позволяет ли CSS 3 добавить одновременно два фоновых изображения к одному элементу?
Каким образом с помощью CSS можно центрировать inline контент блочного элемента (например,) по горизонтали?
Каким образом с помощью CSS можно центрировать inline контент блочного элемента (например,) по горизонтали?
Какое 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>