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