Вопросы на собеседовании Верстка
Что такое 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 в верстке вы знаете?