275 просмотров
От 4 октября 2023

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

1. Что такое селектор?

Селектор - это часть CSS-стиля, идентифицирующая HTML-элемент или группу HTML-элементов, по отношению к которым будет применён этот стиль. Например, в следующем коде h1 является селектором тега <h1>: h1 { color: #fff; font-family: Arial; }

2. Что такое селекторы атрибутов?

Селекторы атрибутов - это механизм, позволяющий применять стили по отношению к элементам, имеющим определенные HTML-атрибуты. Например, следующий код обрамит жёлтой рамкой все элементы класса .photo, имеющие атрибут title: .photo[title] { border: 1px solid yellow; } Возможна даже более детальная выборка: a[href="http://www.cafesoylentgreen.com"]{ color: green; font-weight: bold; }

3. Что такое псевдоэлемент?

Псевдоэлемент в CSS — это ключевое слово, добавляемое к селектору, которое позволяет стилизовать определённую часть выбранного элемента. Например, псевдоэлемент ::first-line может быть использован для изменения шрифта первой строки абзаца: /* Первая строка каждого элемента <p>. */ p::first-line { color: blue; text-transform: uppercase; } Стандартные псевдоэлементы: - ::after - ::before - ::cue - ::first-letter - ::first-line - ::selection - ::slotted - ::backdrop Экспериментальная возможность - ::placeholder Экспериментальная возможность - ::marker Экспериментальная возможность - ::spelling-error (en-US) Экспериментальная возможность - ::grammar-error Экспериментальная возможность

4. Что такое псевдокласс?

Псевдокласс в CSS — это ключевое слово, добавленное к селектору, которое определяет его особое состояние. Например, :hover может быть использован для изменения цвета кнопки при наведении курсора на неё: div:hover { background-color: #F89B4D; } Псевдоклассов много, вот буквально пара из них: :focus, :active, :last-of-type, :disabled, :last-child.

5. Как работает наследование стилей?

Наследование — это прием, с помощью которого CSS-свойства, относящиеся к одному элементу веб-страницы, распространяются и на его вложенные элементы. Например, абзац p всегда находится внутри тела страницы body. Так, атрибуты, применяемые к элементу body, наследуются p. Допустим, вы создали селектор тега для элемента body, который устанавливает color: red. Производные элементы, являющиеся потомками body, то есть расположенные внутри него, наследуют атрибут. Это означает, что любой текст, заключенный в теги элементов h1, h2, p и т. д., будет отображен тем же красным цветом. Механизм наследования многоуровневый, то есть его эффект не только распространяется на прямых потомков (дочерние элементы), но и переносится на все вложенные элементы.

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

#id - это селектор, позволяющий применить стиль по отношению к элементу, имеющему определённый #id (идентификатор). id может быть только в единственном экземпляре на странице и не должен повторяться. .class - это селектор, позволяющий применить стиль по отношению к группе элементов, имеющих определённый .class (класс). Элементов с одинаковым class может быть сколько угодно много на одной странице.

7. Как устроена специфичность стилей?

Поддержи проект и получи доступ ко всему контенту всего за 290

8. Что такое блочные и строчные элементы?

Поддержи проект и получи доступ ко всему контенту всего за 290

9. Расскажите про единицу измерения px

Поддержи проект и получи доступ ко всему контенту всего за 290

10. Расскажите про единицу измерения em

Поддержи проект и получи доступ ко всему контенту всего за 290

11. Расскажите про единицу измерения rem

Поддержи проект и получи доступ ко всему контенту всего за 290

12. Для чего нужно свойство box-sizing?

Поддержи проект и получи доступ ко всему контенту всего за 290

13. Для чего нужно свойство margin?

Поддержи проект и получи доступ ко всему контенту всего за 290

14. Для чего нужно свойство padding?

Поддержи проект и получи доступ ко всему контенту всего за 290

15. Для чего нужно свойство transition?

Поддержи проект и получи доступ ко всему контенту всего за 290

16. Для чего нужно свойство transform?

Поддержи проект и получи доступ ко всему контенту всего за 290

17. Для чего нужно свойство float?

Поддержи проект и получи доступ ко всему контенту всего за 290

18. Для чего нужно свойство position?

Поддержи проект и получи доступ ко всему контенту всего за 290

19. Что такое сброс и нормализация стилей?

Поддержи проект и получи доступ ко всему контенту всего за 290
Хочешь стать частью сообщества Девстанции?
Вступай в наш чат в Telegram

Также в этой категории

Викторина
  12 вопросов

Вопросы по CSS Grid и FLEX

То, что могут спросить про CSS Grid и Flex на собеседовании

34 просмотра
От 9 октября 2023
Викторина
  32 вопроса

Большой тест по CSS

Большая викторина по вопросам о CSS

40 просмотров
От 2 июня 2023

Вам может быть интересно

Шпаргалка
  58 вопросов

60 вопросов для собеседования по JavaScript

Вопросы для собеседования JavaScript-разработчика

930 просмотров
От 16 февраля
Викторина
  21 вопрос

Вопросы от пьяного интервьюера

Викторина с самыми странными вопросами

108 просмотров
От 9 октября 2023
Викторина
  21 вопрос

Промисы, async/await и Event Loop

Вопросы про Promise API, async/await и цикл событий

187 просмотров
От 7 февраля
Викторина
  17 вопросов

Вопросы по основам HTML

Вопросы для собеседования на знание HTML

124 просмотра
От 9 октября 2023
Викторина
  10 вопросов

Сложные вопросы по HTML

Вопросы про HTML для опытных разработчиков

57 просмотров
От 4 октября 2023
Задачник
  33 задачи

30 алгоритмических задач по JavaScript

Задачи с собеседований на JavaScript с решением

1966 просмотров
От 16 февраля

Топ тредов

Gravatar for 9tokio
Tokio:
то что раньше было бесплатным теперь платное - вот это я понимаю

Последнее сообщение:
Логотип Девстанции
Девстанция:
Спасибо за поддержку проекта :) Повышение качества контента - один из важнейших приоритетов. Этому м...
3 сообщения
212 просмотров

Логотип Девстанции
Девстанция:
Поиск людей для совместной разработки IT-стартапов

Последнее сообщение:
В этом треде пока нет сообщений
0 сообщений
107 просмотров

Логотип Девстанции
Девстанция:
Какой язык программирования выбрать в качестве первого?

Последнее сообщение:
Gravatar for 2kokke
Kokke:
Python или JS - универсально. Но по уму надо бы с чего-то строгого начинать и достаточно низкоуровне...
1 сообщение
139 просмотров

Все категории