Вопросы на собеседовании Верстка

Что такое HTML и для чего он используется?

Что такое CSS и для чего он используется?

Что такое семантическая верстка в HTML?

Какие семантические теги HTML вы знаете?

В чем разница между <div> и <section>?

В чем разница между <article> и <section>?

Что такое <header>, <footer>, <nav> в HTML?

Что такое <main> и чем он отличается от <div>?

Что такое <aside> и где он используется?

Что такое <figure> и <figcaption>?

Что такое заголовки в HTML и как их правильно использовать?

Какие теги заголовков есть в HTML?

Что такое атрибуты в HTML?

Что такое id и class в HTML?

В чем разница между id и class?

Что такое data-* атрибуты в HTML?

Что такое alt атрибут у изображений?

Что такое title атрибут в HTML?

Что такое список в HTML?

В чем разница между <ul>, <ol> и <dl>?

Что такое таблицы в HTML?

Какие теги для создания таблиц вы знаете?

Что такое формы в HTML?

Что такое <form> и какие атрибуты у него есть?

Какие типы полей ввода вы знаете?

В чем разница между <input> и <textarea>?

Что такое <label> и зачем он нужен?

Что такое <fieldset> и <legend>?

Что такое атрибут required в формах?

Что такое атрибут placeholder?

Что такое <button> и в чем разница между <button> и <input type="button">?

Что такое медиа-элементы в HTML?

Что такое <video> и <audio> в HTML?

Что такое <canvas> в HTML?

Что такое <iframe> в HTML?

Что такое DOCTYPE в HTML?

Что такое <meta> теги и зачем они нужны?

Что такое viewport и как его настроить?

Что такое ссылки в HTML?

Что такое атрибут href и target?

Что такое якорные ссылки в HTML?

Что такое изображения в HTML?

Что такое srcset и sizes для адаптивных изображений?

Что такое <picture> в HTML?

Что такое SVG в HTML?

Что такое HTML-сущности?

Что такое каскадность в CSS?

Что такое специфичность в CSS?

Как рассчитывается специфичность селекторов?

Что такое наследование в CSS?

Что такое !important в CSS и когда его использовать?

Какие способы подключения CSS к HTML вы знаете?

В чем разница между link и @import в CSS?

Что такое селекторы в CSS?

Какие типы селекторов вы знаете?

Что такое селектор по классу и по идентификатору?

Что такое селектор по атрибуту в CSS?

Что такое псевдоклассы в CSS?

Какие псевдоклассы вы знаете?

Что такое :hover, :active, :focus?

Что такое :nth-child() и :nth-of-type()?

В чем разница между :nth-child и :nth-of-type?

Что такое псевдоэлементы в CSS?

Что такое ::before и ::after в CSS?

Что такое ::first-line и ::first-letter?

Что такое комбинаторы в CSS?

Что такое дочерний, соседний и общий комбинаторы?

Что такое универсальный селектор в CSS?

Что такое блочная модель в CSS?

Из чего состоит блочная модель?

Что такое box-sizing в CSS?

В чем разница между content-box и border-box?

Что такое display в CSS?

Какие значения display вы знаете?

В чем разница между block, inline и inline-block?

Что такое position в CSS?

Какие значения position вы знаете?

В чем разница между relative, absolute, fixed и sticky?

Что такое flexbox в CSS?

Что такое display: flex?

Какие свойства flexbox вы знаете?

Что такое flex-direction, justify-content, align-items?

В чем разница между justify-content и align-items?

Что такое flex-grow, flex-shrink и flex-basis?

Что такое CSS Grid?

Что такое display: grid?

Какие свойства CSS Grid вы знаете?

Что такое grid-template-columns и grid-template-rows?

Что такое grid-gap?

В чем разница между Flexbox и CSS Grid?

Что такое адаптивная верстка?

Что такое медиа-запросы в CSS?

Как правильно использовать медиа-запросы?

Что такое мобильная верстка?

В чем разница между mobile-first и desktop-first подходами?

Что такое единицы измерения в CSS?

В чем разница между px, em, rem, vh, vw?

Что такое rem и в чем его преимущество перед em?

Что такое CSS-переменные (кастомные свойства)?

Как объявить и использовать CSS-переменные?

Что такое препроцессоры CSS?

Какие препроцессоры вы знаете?

В чем разница между Sass, Less и Stylus?

Что такое постпроцессоры в CSS?

Что такое PostCSS?

Что такое Autoprefixer в CSS?

Что такое CSS-фреймворки?

Какие CSS-фреймворки вы знаете?

Что такое Bootstrap и как он работает?

Что такое Tailwind CSS?

В чем разница между Bootstrap и Tailwind CSS?

Что такое BEM методология?

Как работает BEM в CSS?

Что такое CSS-анимации?

Что такое @keyframes в CSS?

В чем разница между transition и animation в CSS?

Что такое трансформации в CSS?

Что такое transform и какие значения он принимает?

Что такое градиенты в CSS?

В чем разница между линейным и радиальным градиентом?

Что такое тени в CSS?

Что такое box-shadow и text-shadow?

Что такое скругление углов в CSS?

Что такое border-radius?

Что такое CSS спрайты и зачем они нужны?

Что такое шрифты в CSS?

Что такое веб-шрифты и как их подключить?

Что такое оптимизация верстки?

Что такое критический CSS?

Какие best practices в верстке вы знаете?