Можете ли вы объяснить разницу между созданием адаптивного веб-сайта и использованием стратегии, ориентированной на мобильные устройства?

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

Вы экспериментировали с новыми спецификациями CSS Flexbox или Grid? Что вы можете о них сказать?

Я думаю, что сетка и флексбокс отлично работают вместе. Используйте сетку, чтобы отобразить, как основные элементы на вашем сайте будут выглядеть во всех форматах, а затем в ваших основных разделах вы можете использовать flexbox для размещения этих элементов в определенных областях по своему вкусу.

Можете ли вы привести пример свойства @media, отличного от экрана?

Другими примерами свойств мультимедиа могут быть предоставление различных стилей страниц в зависимости от того, нужно ли их печатать, и вы хотите скрыть фоновое изображение, чтобы оно не печаталось вместе с остальной частью страницы.

Опишите одну вещь, которую вы узнали сегодня на уроке.

Одна вещь, которую я узнал сегодня в классе, — это способность объединять ветки из одной ветки в другую. Мне нужно было объединить пару файлов в другую ветку, и я использовал git checkout «имя ветки» «имя файла», чтобы скопировать папку в новую ветку.

В чем разница между относительным, фиксированным, абсолютным и статическим элементом?

Разница между относительным, фиксированным, абсолютным и статическим элементом заключается в том, что статические элементы не размещаются каким-либо определенным образом. Он просто течет вместе со страницей. Абсолютное позиционирование позиционируется до ближайшего предка. И фиксированное позиционирование остается точно в том же положении даже при прокрутке.

Опишите псевдоэлементы и обсудите, для чего они используются.

Псевдоэлементы используются для стилизации определенных частей элемента. Хорошим применением для них было бы изменение размера или цвета первой строки в теге ‹p›. Вы также можете комбинировать элементы для одновременного решения одной и той же задачи.

Какие есть «подводные камни» при написании эффективного CSS?

Вот некоторые из «подводных камней» при написании CSS:

Запись поплавков и не очистка их.

Отсутствуют селекторы правописания

Забыть использовать. или # для классов или идентификаторов

Забыть использовать ; в конце правила

Академия кодирования Остина