HTML5 та CSS

Як можна стилізувати елементи за допомогою 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'