Основи HTML/CSS #

Що таке DOCTYPE і навіщо його використовують? #

Які основні теги структури HTML-сторінки? #

Що таке семантичні теги та навіщо вони потрібні? Наведіть приклади таких тегів. #

Що можете сказати про тег <br>? #

Які теги з найсвіжіших оновлень ви знаєте? #

У чому різниця між <div> і <span>. #

Що таке data-атрибути, в яких випадках їх використовуєте? #

Як використовують атрибути class та id? Яка різниця між класами та ідентифікаторами? #

Що таке внутрішні та зовнішні гіперпосилання і які вони мають атрибути? #

Що ви знаєте про SVG? Які є варіанти додавання SVG на сторінки сайту? Чим вони відрізняються? #

Як створити форму в HTML і забезпечити її валідацію? #

Які є типи списків у HTML? Що таке ul / ol / dl? #

Що таке iframe і для чого його використовують? #

Які методи відправки даних форми ви знаєте? #

Які основні відмінності між блоковими та вбудованими елементами в HTML? Як вони впливають на структуру сторінки? #

Які CSS-методології ви знаєте та які використовуєте самі? Обґрунтуйте вибір нинішньої методології. #

Що таке CSS-селектори? Наведіть приклади. #

Як працює наслідування в CSS? #

Що таке «модель коробки» в CSS і як її можна змінити? #

У чому різниця між margin і padding? #

Що таке Flexbox? Як реалізувати верстку за допомогою Flexbox чи Grid і який підхід найбільш доречний в якому випадку? #

Що таке медіазапити та як їх використовувати? #

Як можна приховати елемент за допомогою CSS? Чи однаково будуть працювати opacity: 0; display: none; visibility:hidden? #

Як можна зробити лого посередині екрана? #

Як розмістити хрестик для закриття справа зверху елемента? #

Як зробити останній елемент списку червоним, незалежно від довжини списку без JS? #

Які є можливості задати колір? #

Що таке z-index? Чи кожен елемент його має? #

Які переваги і недоліки використання CSS-препроцесорів? #

Які методи центрування елемента в CSS? #

Які методи вертикального центрування в CSS ви знаєте? #

Для чого існують різні рівні заголовків, якщо розмір можна встановити стилями? #

Які є варіанти позиціонування елемента на сторінці? #

Які бувають види display? Який використовуєте найчастіше? У чому особливість inline-block? #

У чому відмінність між position: relative та position: absolute ? #

Які одиниці розмірів є в CSS? #

Які ризики використання відʼємних значень для відступів? #

Що таке псевдокласи та псевдоелементи? В чому між ними різниця? Як ви використовуєте псевдокласи та псевдоелементи в CSS? #

Що таке адаптивний дизайн? #

Яка різниця між картинками, доданими через HTML-тег , і CSS-властивістю background-image? #

Як ви вирішуєте проблеми з кросбраузерною сумісністю в розробці вебсайтів, зокрема в контексті різних версій браузерів? #

Як із врахуванням HTML і CSS забезпечити доступність сайту? #

Як реалізувати responsive design, використовуючи CSS? #

Поясніть концепцію CSS-змінних. #

Які властивості CSS впливають на швидкодію? #

Що зазвичай найбільше знижує показники швидкодії сайту? #

Як зробити дві колонки на CSS так, щоб одна розтягувалася, а інша — ні? #

Які плюси та мінуси CSS-анімацій порівняно з JS-анімаціями? #

Як можна перебити important або досягти схожого ефекту без important? #

Чи валідний цей HMTL? Виправте всі помилки. Розкажіть про валідність HMTL загалом. #

<ul>
    <a href="/some-url"><li>Some Link in Menu</a></li>
    <a href="/some-url"><li>Some Link in Menu</li></a>
<ul>

Що таке mobile-first підхід, які його переваги та недоліки? #

Поясніть, як обчислюється специфічність у CSS-селекторах. #

Для чого використовують пре-/постпроцесори? #

Назвіть типи інпутів у формах. Як відправити форму на сервер (без JS)? #