F

Тренажер вопросов

Задачи

скоро

Поиск по сайту

Ctrl + K

Вопросы по CSS

Как добавить фоновое изображение к элементу в CSS?

Как добавить рамку к элементу в CSS?

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

Как выровнять текст по центру элемента в CSS?

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

Как применить стили CSS только к первой букве абзаца?

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

Расскажи про свойство box-shadow в CSS?

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

Как центрировать элемент по горизонтали в CSS?

Чем полезен clearfix в CSS?

Какие существуют техники очистки и какая из них подходит для какого контекста?

Как создать стиль гиперссылки в CSS?

Как сделать список без маркеров в CSS?

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

Как создать адаптивное меню навигации с помощью медиа-запросов CSS?

Как реализовать CSS анимации и переходы?

Что такое режимы наложения в CSS и как их использовать?

Объясните концепцию функции CSS calc() и как её можно использовать.

Что такое счетчики CSS и как их можно использовать?

Что такое пользовательские переменные CSS и как их использовать?

Объясните концепцию запросов к свойствам CSS и как их можно использовать

Какие существующие CSS-фреймворки?

Каковы преимущества и недостатки использования CSS-фреймворков?

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

Что такое CSS Grid?

Объясните концепцию grid-template-areas в CSS и приведите пример использования.

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

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

Как создать слайд-шоу/карусель только с использованием CSS без JavaScript?

Расскажите про свойства CSS opacity?

Каким образом организовать и структурировать CSS код в больших проектах?

Как реализовать параллакс-скроллинг только с помощью CSS?

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

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

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

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

В чем разница между 'resetting' и 'normalizing' CSS?

Как браузер определяет, какие элементы соответствуют селектору CSS?

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

Основные селекторы в CSS?

Поясните концепцию специфичности и наследования CSS в контексте правила !important

Как создать CSS-спрайт и каковы его преимущества?

Как создать CSS подсказку для отображения дополнительной информации?

Какова цель свойства CSS transform? Приведите примеры его использования.

Объясните концепцию CSS-переходов и приведите примеры их использования.

Объясните разницу между единицами px, %, em и rem в CSS.

Что такое vw и vh?

Объясните концепцию переменных CSS (пользовательских свойств) и их преимущества.

Какова цель вендорных префиксов CSS? Приведите примеры некоторых распространенных.

Какова цель свойства CSS z-index?

Как создать пользовательскую CSS-анимацию?

Пользовательские шрифты в CSS: подключение, форматы и применение

В чем разница между display: none; и visibility: hidden;?

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

Как создать фиксированный футер, который остается внизу страницы на CSS?

Как вы будете исправлять проблемы стилизации, специфичные для браузеров?

Описание концепции flexbox и его преимущества над традиционными макетами CSS

Для чего используется свойство float в CSS?

Опишите флоаты и как они работают

Основные единицы измерения шрифтов?

Использовали ли вы систему сеток, и если да, то какую предпочитаете?

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

Как обрабатывать CSS-префиксы, специфичные для браузеров, и какие инструменты могут помочь автоматизировать этот процесс?

Как скрыть элемент визуально, но при этом сделать его доступным для экранных считывателей?

Как создать горизонтальное навигационное меню с использованием CSS?

Объясните разницу между селектором ID и селектором класса в CSS.

Какими способами можно включить CSS в веб-страницу?

Каковы различные способы включения пользовательских шрифтов на веб-странице с использованием CSS?

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

Как применить CSS стили только к последнему дочернему элементу?

Какие есть подходы к вёрстке и их различия?

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

Использовали ли вы медиа-запросы или специфические макеты/стили для мобильных устройств?

Как создать многоколоночную верстку в CSS?

Объясните разницу между селекторами nth-child() и :nth-of-type()

В чем различие между селекторами 'nth-of-type()' и 'nth-child()'?

Как оптимизировать CSS для лучшей производительности веб-сайта?

Какова разница между адаптивным дизайном и стратегией "mobile-first"?

Как переопределить стили по умолчанию CSS-фрейма?

Какова разница между отступами и внешними отступами в CSS?

Объясните разницу между position: relative; и position: absolute;

Приведите пример псевдокласса? Можете ли вы привести пример использования псевдокласса?

Как создать адаптивную галерею изображений с помощью CSS?

Как создать адаптивную разметку с использованием CSS?

Как создать отзывчивый модальный диалог с использованием CSS и HTML?

Вы когда-нибудь работали с графикой для ретины? Если да, то когда и какие техники вы использовали?

В чем различия между препроцессорами Sass и Less?

Как выбрать элемент с определённым классом в CSS?

Объясните концепцию специфичности в CSS.

Как создать фиксированный заголовок в CSS?

Как создать "липкую" сайдбар, который прокручивается с контентом в CSS?

Как создать фиксированный заголовок таблицы только с использованием CSS?

Как стилизовать SVG?

Как стилизовать все ссылки в определенном контейнере с помощью CSS?

Зачем использовать translate() вместо абсолютного позиционирования или наоборот? И почему?

Как вертикально центрировать элемент внутри родительского контейнера в CSS?

Каковы различные способы визуального скрытия контента (и его доступности только для скринридеров)?

Что такое CSS и какова его цель?

Что такое z-index?

Какие существующие CSS-фреймворки?

Веб-разработка активно использует CSS-фреймворки, такие как Bootstrap, Tailwind CSS, Bulma и другие. Эти фреймворки помогают ускорить процесс разработки, обеспечивая готовые компоненты и стили. В этом ответе мы рассмотрим некоторые популярные CSS-фреймворки и предложим идеи по их улучшению.

Популярные CSS-фреймворки

1. Bootstrap

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

Преимущества:

Широкий набор компонентов.
Поддержка адаптивного дизайна.
Хорошая документация.

2. Tailwind CSS

Tailwind CSS — это утилитарный CSS-фреймворк, который позволяет создавать индивидуальные интерфейсы, используя маленькие класса:

Предыдущий вопрос

Объясните концепцию запросов к свойствам CSS и как их можно использовать

Следующий вопрос

Каковы преимущества и недостатки использования CSS-фреймворков?

Содержание:

Популярные CSS-фреймворки

Редактировать