50 вопросов по CSS. Собеседование на HTML верстальщика. Проверь свои знания! 

Привет всем! Я сделал тамйкоды, кому надо. Если не сложно, Автор, закрепи этот комент) 1. Свойство display - 0:31 2. Key frames - 1:53 3. Position - 2:40 4. Как бы вы реализовали кастомный чек бокс? - 5:25 5. Как от центровать блок по горизонтали и вертикали? - 6:17 6. Что делает box-sizing: border-box? - 6:38 7. Как обрабатывает WEB страницу браузер? - 7:24 8. Что такое inline стили? и их приоритет - 7:46 9. Чем отличается border от outline? - 8:14 10. Адаптивная верстка их ей методы - 9:02 11. Что такое БЭМ? - 9:18 12. Как при нажатии на ссылку открывать окно в новом окне? - 9:42 13. В чем различие между строчными и блочными элементами? - 9:58 14. Разница между marginи padding? - 10:14 15. Что такое семантические элементы и для чего они нужны? - 10:22 16. Свойство overflow, что делает и когда использовать? - 10:39 17. vh vw при указывании размеров - 11:06 18. Как визуально изменить курсор? - 11:27 19. Как изменить направление оси Flexbox контейнера? - 11:48 20. Из чего строится размер элемента? - 12:03 21. За что отвечает z-index? - 12:13 22. Какие виды input бывают? - 12:52 23. За что отвечает justify-content и align-tiems у flexbox контейнера? - 12:59 24. Как убрать маркер у списка? - 13:40 25. Что вы знаете о приоритете селекторов? - 13:56 26. Что такое псевдоклассы? - 14:13 27. Какие бывают значение у background-size? - 14:39 28. Какие псевдоэлементы вы знаете? - 15:19 29. Flexbox свойство, отвечающее за перенос элементов на новую строку при переполнении - 16:00 30. !important для чего используется? - 16:30 31. Разница между - 16:37 32. Как увеличить в размере при наведении элемент, не сдвигая соседние - 17:39 33. Кратко о медиа запросах под мобильные приложения - 18:23 34. Какое свойство используется для перевода текста в заглавные или строчные буквы? - 19:00 35. Для чего рекомендуется использовать атрибуты data? - 19:20 36. Как стилизовать input для загрузки файлов? - 20:12 37. Что такое селектор атрибутов? - 20:51 38. Как изменить стили для кнопок с атрибутом disable? - 21:12 39. Как изменить стили для элемента span, который следует прямо за элементом input? - 21:31 40. С помощью какого селектора можно добавить стиль на каждый элемент на странице? - 21:55 41. Какое свойство позволяет вам спрятать элемент, но сохранить занимаемое им пространство на странице? - 22:13 42. Как сделать тень падающую от блока? - 22:51 43. Как сделать тень падающую от текста? - 23:24 44. Как повернуть блок на 45 градусов? - 23:44 45. Как сделать вращения по осям Х и Y заметными? - 24:14 46. Как сделать анимацию бесконечно повторяющейся? - 24:58 47. Для чего используются препроцессоры? - 25:06 48. Что такое миксины в препроцессорах? - 25:24 49. Что такое bootstrap? - 25:37

14. Наоборот: padding - внутренние, margin - внешние. А в остальном nice

Кстати, может кто-нибудь объяснить, почему 50 вопросов на 26 мин оказались полезней некоторых курсов по CSS? :)))

Как я рада, что нашла твой канал. Ты очень круто рассказываешь и делаешь отличный контент!!!

Это на самом деле полезно. Спасибо, что решил сделать такие видео

Большое спасибо! Оч зашло. Полезнейший контент. Особенно, когда думаешь, что знаешь, а когда конкретно об этом кто-то спросит... Успехов!

Спасибо огромное! Оооочень информативно и никакой "воды". 👍🤘🤟

Коротко, быстро, по делу и, самое главное, наглядно - а что еще надо? Автору респект

Все как обычно на высоте) спасибо тебе за твои труды

Для подготовки к соббєсу,то что нужно. Самый топовый канал. Продолжай в том же духе и тебе не буде равных)

я как будто курс по CSS прошел. Боже мой столько нового, аж конспектировал все подряд. очень просто и понятно объяснил гуманитарию))))

Огромный респект за видео, действительно можно вспомнить забытое максимально быстро

Спасибо большое! Очень полезно для всех. И новичкам для закрытия пробелов и понимания, что еще почитать и более опытным для систематизации знаний.

Супер закрепляющее знания видео! Спасибо автору за работу!

Офигенный канал, как я только раньше его не встречал. Конечно, чтобы как следует въехать в материал, надо как следует получить основы, но контент дико информативный!

Спасибо уважаемый за твой труд. Он очень полезен нам, новичкам!

Топовый контент, реально не каждый курс по css столько информации содержит 🤝. Спасибо.

Кратко, ёмко, без воды! Здесь следуют хвалебные эпитеты автору и каналу в большом - большом количестве. И благодарности, конечно же: спасибо за проделанную работу!

Спасибо за подбородку, быстро, понятно и эффективно!

🔥 коротко, ясно, без воды. Хорошие обучалки делаешь, молодец!

потрясающе освежает знания перед собеседованием, спасибо!

Очень полезное видое, в целом освежить знания да и некоторые вопросы точно на собеседованиях встречаются, спасибо

Много полезной инфы, за очень короткое время. Класс!

Содержательно и актуально. Спасибо за ваш труд!

круто, лучше всяких курсов) реальный разбор, реальных кейсов !

Идея для ролика, самые часто используемые теги в CSS/HTML, ошибки новичков, какие новшества в HTML5/CSS3, как делали раньше и как делают сейчас. Спасибо за видео, формат отличный для тех, кто вечно учит и постоянно бросает, потому, что скучно или негде применить знания.

Супер, подборка просто самая базовая база. Постоянно что-то забывается, буду раз в месяц хотя бы смотреть этот видосик. Спасибо, мужик)

Видео на вес золота 🔥 Спасибо Вам огромное 👩🏼‍💻😻

Спасибо большое! Отличное краткое объяснение без воды.

Топовый формат, первое видео оч понравилось, ждал продолжения, спасибо.

Как всегда - топчик)) Лайк и большое спасибо, действительно полезный контент!👍

Видео просто пушка! Один из лучших каналов!)

Красава брат, очень кайфовые видео, очень полезно при подготовке к тех собесам

Спасибо! Полезная информация, доступно изложенная

Очень хорошее видео, главное без лишней воды!

Красава, бро ! очень интересные и информативные видосики пилишь

Очень впечатляет способность автора в доступной и предельно сжатой форме предоставлять информацию. То, чего не хватает большенству "объяснятелей" Ютуба. Настоящая находка. Спасибо автору!!!

Спасибо за урок! Очень полезно и доступно, побольше бы таких видео.

Спасибо большое! 50 вопросов на 26 мин оказались полезней некоторых курсов по CSS!

Спасибо, дружище! Надеюсь, пройду завтра собеседование😊

Боже, это очень крутое и познавательное видео! Очень рад, что наткнулся на него, большое спасибо автору)

Аналогично с некоторыми :) Редко ставлю коменты, НО тут за проделанную работу, ПОНЯТНО всё и доступно, и очень полезно, спасибо.

Отлично как всегда!!!

Круто, отличная работа, структурированная инфа всегда полезно. нашел для себя, что надо подтянуть

Годные видосы. Подача супер. Спасибо!

Спасибо тебе огромное, то чувство когда готовишься по js , а понимаешь, что могут спросить по css! (и оказывается что я много не знал или подзабыл)

Много нового узнал. Автор, спасибо тебе!

Отличный подход к изложению материала!!! Спасибо!

Респект и благодарность!!! Лучше курсов.

смотрел видео пол года назад когда проходил курс вёрстки и все казалось таки тяжелым, смотрю сегодня и понимаю что это просто элементарные вопросы))) Спасибо за видео!

Спасибо за урок ✌️

очень круто и легко передаешь информацию )спасибо тебе !как будто с другом за чашкой кофе обсуждаем область )

Спасибо большое за твой труд ,все так понятно и ясно и самое главное после просмотра видео понимаешь где у тебя слабые зоны

Если углубляться еще дальше, то свойство display отвечает за 2 вещи: 1) Внешний тип отображение - какой бокс будет отрисован в нормальном потоке документа. Всего тут есть два варианта: блочный (block, table, flex, grid и т.д.), либо строчный (inline-block, inline-table, inline-flex, inline-grid и т.д.). Либо не отрисован вовсе (contents, none) 2) Внутренний контекст элемента - раскладка для дочерних элементов. Изначально она у всех flow - нормальный поток. И соответственно у table - табличный макет, у flex - гибкий макет, у grid - сеточный и т.д. Это если вкратце.

Божеее это просто невероятное видео, как же все максимально доступно и просто ты объяснил. Мало того что ответы на вопросы так еще и на практике все показал. Давно искал такое видео, спасибо тебе огромное!

Лучший! Узнал очень многое, СПАСИБО🔥

Спасибо огромное за такое хорошее обучающее видео, все понятно, без лишней воды.

Топ контент, спасибо мужик !

Мое уважение, очень быстро и толково.

Класс. Некоторые вещи были в новинку. Просто красава, спасибо)

Хороший контент, спасибо!

Красава, вопросы просто пушка👍👍👍

Всё коротко и по сути, как всегда. Восторг!

Спасибо! Очень хорошо, что подача "плотная".

как всегда топ контент!

Супер формат!

Тимур, это просто супер шпаргалка! Спасибо огромное, тут всё, что хотелось узнать про CSS и как оно работает! Реально может сэкономить время на изучение

Спасибо за видео!Все кратко и по делу!

Как всегда все профессионально и без воды это уровень Тимур)

Хорошие вопросы, а главное ты накопил опыт и поделился с нами, крутой видос получился, впрочем как и всегда!!! #годныйконтент

Просто красава без воды, однозначно лайк))

Как всегда полезное и классное видео. Спасибо!

Очень круто! Молодец! Готовлюсь.

Запредельная информативная ёмкость ! 102 % полезности ! Подписка !

Просто и полезно, помогает вспомнить базовые вещи! Спасибо!

Тимур, огромное тебе спасибо! Твой контент очень полезен!!!❤

Даже нового чего-то для себя нашёл, интересно. Благодарю. *Р. е. с. п. е. к. т.*

Спасибо! Отличный видосик

Коммент для поддержки и продвижения!Спасибо за работу!

Спасибо огромное!!! Все самое ходово без лишней шелухи.

24:57 по моему свойство animation-duration определяет продолжительность анимации в секундах (s) и миллисекундах (ms), а как раз свойство animation-iteration-count определяет количество повторов анимации и соответственно указав значение infinite можно сделать анимацию бесконечной

Круто, спасибо за видео! На всё ответил кроме 45, про свойство perspective вообще не знал(

Полезная подборка вопросов. Спасибо за потраченное время! =)

Братан, хорош! Давай вперед! Контент в кайф! Вообще красавчик! Можно вот этого вот почаще?

Спасибо, поднял свою самооценку😀

Благодарю вас

Нереально полезная сборка нужной инфы. Респект!

Отличный видос, все по полкам и быстро! Спасибо

Спасибо!

Очень полезный гайд, спасибо.

Очень крутое видет! Все самое нужное в 20 минутах, респект!

Автору респект! Столько полезной инфы компактно собрано в 26 минут)

Спасибо за полезное видео

Просто и доходчиво!

Спасибо огромное за это видео!!!👏🏼

Спасибо тебе и за твои старания))

Держи лайк

8:11 - Если мы пропишем в стилях !important, то это будет иметь приоритет даже выше чем инлайновые стили, так что наивысший приоритет все-таки - !important

Находка, спасибо. Лучший формат.

Полезное видео , спасибо , удобно проверять себя по пройденному лично обучению , для самоучек самое то ! нужно больше таких видео