WorksheetsHTML5 та CSS
Total questions: 15
Worksheet time: 8mins
Як можна стилізувати елементи за допомогою CSS?
Використовуйте HTML теги для стилізації елементів.
Використовуйте JavaScript для стилізації елементів.
Використовуйте PHP для стилізації елементів.
Використовуйте CSS селектори та властивості для стилізації елементів.
Які типи селекторів існують в CSS?
Селектори шрифтів
Селектори кольорів
Селектори рядків
Елементарні селектори, класові селектори, ідентифікаторні селектори, селектори атрибутів, селектори псевдокласів, селектори псевдоелементів та комбіновані селектори
Що таке адаптивний дизайн і чому він важливий?
Адаптивний дизайн не впливає на користувацький досвід
Адаптивний дизайн призводить до зниження швидкості завантаження
Адаптивний дизайн не підтримує різні типи пристроїв
Адаптивний дизайн важливий, оскільки забезпечує оптимальне відображення контенту на різних пристроях та покращує користувацький досвід.
Які властивості можна задати за допомогою CSS для зміни кольору тексту?
font-style
background-color
color
text-align
Як в CSS вибрати всі елементи певного класу?
element.class
.class
#example
.example
Як в CSS вибрати всі дочірні елементи певного елементу?
element:nth-child(odd)
element:nth-child(n)
element:nth-child(2n)
element:nth-child(2n+1)
element:nth-child(even)
Які переваги має використання медіа-запитів для адаптивного дизайну?
Обмеження доступу до вмісту для користувачів
Можливість оптимального відображення веб-сайту на різних пристроях
Можливість відображення тільки на одному типі пристроїв
Збільшення швидкості завантаження веб-сайту
Як правильно використовувати метатег viewport для адаптивного дизайну?
Використовуйте метатег viewport з атрибутом 'width=device-width'.
Використовуйте метатег viewport з атрибутом 'initial-scale=1'.
Використовуйте метатег viewport без будь-яких атрибутів.
Використовуйте метатег viewport з атрибутом 'height=device-height'.
Які є основні принципи роботи з резиновими контейнерами в CSS?
Використання відсоткових значень, flexbox або grid layout, медіа-запити
Використання табличної верстки
Використання inline-стилів
Використання абсолютних значень
Як в CSS задати різні стилі для елементів в залежності від їх стану (наприклад, hover або active)?
Використовуйте селектори 'element:hover' та 'element:active', де 'element' - це назва елементу, для якого ви хочете задати стилі.
Для стилізації елементів в залежності від стану використовуйте JavaScript, а не CSS
Використовуйте селектори 'element:mouse-over' та 'element:press'
Використовуйте селектори 'element:click' та 'element:hover'
Як в CSS зробити так, щоб картинка автоматично змінювалася в залежності від розміру екрану?
background-image: url('large.jpg'); @media (min-width: 768px) { background-image: url('small.jpg'); }
background-image: url('small.jpg'); @media (max-width: 768px) { background-image: url('large.jpg'); }
background-image: url('small.jpg'); @media (min-width: 768px) { background-image: url('large.jpg'); }
background-image: url('small.jpg'); @media (min-width: 768px) { background-image: url('small.jpg'); }
Як в CSS задати різні стилі для елементів в залежності від їх позиції на сторінці?
Використовуйте псевдокласи :first-child, :last-child, :nth-child та інші для задання різних стилів для елементів в залежності від їх позиції на сторінці.
Використовуйте псевдокласи :middle-child, :second-child, :third-child для задання різних стилів
Використовуйте псевдокласи :first-element, :last-element, :nth-element для задання різних стилів
Використовуйте псевдокласи :odd-child, :even-child, :random-child для задання різних стилів
Як в CSS зробити так, щоб текст автоматично переносився на новий рядок, якщо він не вміщується в блок?
text-wrap: auto;
overflow-wrap: normal;
word-wrap: break-word; або overflow-wrap: break-word;
line-break: normal;
Як в CSS задати різні стилі для елементів в залежності від їх типу (наприклад,
)?
Використовуйте селектори елементів у CSS для задання різних стилів для конкретних типів елементів.
Задайте стилі для кожного елементу окремо в HTML
Використовуйте тільки один тип елементів у CSS для всіх стилів
Використовуйте JavaScript замість CSS для стилізації елементів
Як в CSS зробити так, щоб елементи на сторінці автоматично змінювали свою ширину в залежності від розміру екрану?
Додайте JavaScript код для автоматичної зміни ширини елементів
Використовуйте CSS властивість 'flex' для контейнера, наприклад, 'display: flex;'
Встановіть фіксовану ширину для кожного елемента на сторінці
Використовуйте CSS властивість 'auto-width', наприклад, 'width: auto;'
