WorksheetsВопросы по CSS
Total questions: 49
Worksheet time: 21mins
Как можно добавить CSS?
Использование внешнего стиля
Использование внутреннего стиля
Всеми тремя способами
Использование встроенного стиля
Как установить стиль для определенного HTML элемента с id 'special'?
id.special{ }
.special{ }
element.id.special{ }
#special{ }
Какой HTML атрибут указывает на встроенную таблицу стилей?
in-style
class
font
style
Какое свойство используется для изменения шрифта элемента?
font-style
font-family
text-style
typeface
Какое свойство используется для установки цвета фона элемента?
background-color
color
back-color
bgcolor
Как выбрать элемент с определенным классом в CSS?
#classname
.classname
*classname
class=classname
Как создать эффект перехода с помощью CSS?
change: property duration;
effect: transition(duration);
animate: property duration;
transition: property duration;
Как отображать гиперссылки без подчеркивания?
text-style: none;
text-decoration: none;
underline: none;
text-decoration: no-underline;
Как сделать границу скругленной в CSS?
round-border: value;
border-round: value;
border-curve: value;
border-radius: value;
Какой селектор выберет все элементы с классом "highlight"?
.highlight
#highlight
*highlight
highlight
Какое свойство используется для установки высоты строки?
line-height
font-size
letter-spacing
word-spacing
Что такое padding?
Внутреннее пространство элемента
Внешнее пространство элемента
Размер границы элемента
Размер содержимого элемента
Какое значение свойства position создает элемент, который позиционируется относительно ближайшего позиционированного предка?
static
relative
absolute
fixed
Какое свойство используется для определения направления главной оси в Flex контейнере?
flex-direction
flex-wrap
justify-content
align-items
Какой псевдокласс используется для выбора элемента, когда курсор мыши находится над ним?
:hover
:active
:focus
:visited
Какое свойство используется для определения точки разрыва для медиа-запросов?
breakpoint
media-query
viewport
screen-size
Как выровнять элементы по главной оси, чтобы они были распределены равномерно по доступному пространству?
justify-content: center;
justify-content: space-between;
justify-content: space-around;
justify-content: space-evenly;
В чем основное отличие между относительным и абсолютным позиционированием?
Относительное позиционирование всегда относительно родительского элемента, а абсолютное - относительно ближайшего позиционированного предка.
Относительное позиционирование сдвигает элемент относительно его начального положения, а абсолютное - полностью игнорирует поток документа.
Нет существенной разницы.
Относительное позиционирование используется только для блочных элементов, а абсолютное - для строчных.
Какое из следующих утверждений о повышении производительности веб-страниц верно?
Чем больше медиа-запросов, тем лучше.
Использование внешних стилей и скриптов всегда лучше, чем встроенных.
Минимизация и сжатие файлов CSS и JS могут улучшить скорость загрузки страницы.
Использование фреймов повышает скорость отображения контента.
Как выровнять элементы по вертикали в центре контейнера с помощью Flexbox?
align-items: center;
justify-content: center;
align-content: center;
vertical-align: middle;
Для чего используются имена областей в Grid?
Для более гибкого позиционирования элементов внутри сетки.
Для создания сложных анимаций.
Для улучшения производительности.
Только для декоративных целей.
Какое из следующих утверждений о повышении производительности веб-страниц верно?
Использование минификации и сжатия файлов CSS и JS не оказывает существенного влияния на скорость загрузки страницы.
Асинхронная загрузка скриптов всегда лучше, чем синхронная.
Как изменить порядок следования элементов внутри Flex контейнера?
Использовать свойство order.
Изменить порядок элементов в HTML.
Использовать свойство flex-direction.
Это невозможно сделать с помощью Flexbox.
<li>ПЕРВЫЙ</li>
<li>ВТОРОЙ</li>
<li>ТРЕТИЙ</li>
</ul>
<li>ПЕРВЫЙ</li>
<li>ВТОРОЙ</li>
<li>ТРЕТИЙ</li>
</ol>
p {
color: red;
}
</style>
Тег для создания блока (контейнера)
span
h1
p
div
Как добавить картинку?
<image src="image.jpg" alt="MyImage">
<img src="image.jpg" alt="MyImage">
<img alt="MyImage">image.jpg</img>
<img href="image.jpg" alt="MyImage">
<img url="image.jpg" alt="MyImage">
Выберите способы подключения стилей
С помощью ссылки на внешнюю таблицу
Внутри контейнера <head>
Внутри любого тега
В начале тега <html>
За что отвечает псевдотег <!DOCTYPE HTML>
голова сайта
начало страницы
версия html
тип сайта
1. Какое значение прописать свойству flex-direction, чтобы элементы следовали в обратном порядке, снизу вверх?
column
column-reverse
wrap-reverse
column-wrap
Какое из этих значений НЕ может быть значением для font-size?
50%
4
5mm
10rem
С помощью какого свойства можно изменить регистр букв в слове?
text-transform
text-decoration
text-overflow
text-bolshie-bukvi
Что такое URL?
Информация которая находится на веб-страницах
Уникальный адрес страницы в сети Интернет
Название языка, на котором создаются Web-страницы
Прикладной протокол
Предложенный CSS стиль соответствует:
<style type="text/css">
TABLE {
background: grey;
border: double blue;
color: green;
}
</style>
серый фон ячеек, пунктирная рамка синего цвета;
серый фон ячеек, двойная рамка синего цвета;
цвет текста – зеленый;
цвет текста – серый;
двойная рамка серого цвета.
Свойство position:fixed
делает элемент родителем
делает его самим по себе
фиксирует элемент в конкретном месте
ничего не происходит
Какая ошибка допущена в приведенном коде?
<img href="/img/test.png" alt="">
Нужен зарывающий тег img
Путь к изображению указан не полностью
Необходимо дописать атрибут title
Вместо href необходимо писать src
Какой метод используется для добавления нового элемента в конец массива в JavaScript?
append()
insert()
add()
push()
Какой оператор используется для обозначения строгого неравенства значений в JavaScript?
!=
===
==
!==
Какой оператор используется для присваивания значений в JavaScript?
!=
===
==
=
Какой оператор используется для сравнения значений в JavaScript?
!=
===
==
!==
Какой оператор используется для логического И в JavaScript?
==
!
&&
||
Какой оператор используется для логического ИЛИ в JavaScript?
==
!
&&
||
Чем можно заменить If/else?
? и :
че блин?
циклом while
да нафег он нужон
