Решайте задачи на JavaScript0 из 169 задач решено
Перейти к задачам
924 просмотра
От 4 июня

Ответы на вопросы про 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

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

CSS устроен так, что одинаковые CSS-свойства с разным значением, применяемым к элементу, не могут быть применены к нему одновременно. Например: h1 { color: red; } .h1 { color: blue; } #h1 { color: yellow; } и <h1 style="color: black">Header</h1> Какое-то из свойств должно "победить". Побеждает (имеет преимущество) свойство самого близкого по отношению к форматируемому элементу стиля. Или, правильнее выразиться, самого специфичного стиля. Вот упрощенная, но наглядная модель специфичности селекторов в условных единицах: - Селектор тегов имеет специфичность, равную 1 условной единице. - Класс — 10 условных единиц. - Идентификатор — 100 условных единиц. - Строчный стиль — 1000 условных единиц В приведённом примере <h1> будет иметь чёрный цвет текста.

Логотип ДевстанцииАвторизуйтесь, чтобы просматривать следующий контент
9

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

Логотип ДевстанцииАвторизуйтесь, чтобы получить доступ
10

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

Логотип ДевстанцииАвторизуйтесь, чтобы получить доступ
11

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

Логотип ДевстанцииАвторизуйтесь, чтобы получить доступ
12

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

Логотип ДевстанцииАвторизуйтесь, чтобы получить доступ
13

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

Логотип ДевстанцииАвторизуйтесь, чтобы получить доступ
14

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

Логотип ДевстанцииАвторизуйтесь, чтобы получить доступ
15

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

Логотип ДевстанцииАвторизуйтесь, чтобы получить доступ
16

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

Логотип ДевстанцииАвторизуйтесь, чтобы получить доступ
17

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

Логотип ДевстанцииАвторизуйтесь, чтобы получить доступ
18

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

Логотип ДевстанцииАвторизуйтесь, чтобы получить доступ
19

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

Логотип ДевстанцииАвторизуйтесь, чтобы получить доступ
20

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

Логотип ДевстанцииАвторизуйтесь, чтобы получить доступ
Хотите стать частью сообщества Девстанции?
Вступайте в наш чат в Telegram

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

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

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

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

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

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

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

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

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

Вопросник
  58 вопросов

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

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

2258 просмотров
От 4 июня
Викторина
  33 вопроса

Подковыристые основы JavaScript

Типичные и не очень вопросы с собеседования по JavaScript

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

Про прототипы: __proto__, prototype

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

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

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

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

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

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

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

403 просмотра
От 9 октября 2023
Задачник
  102 задачи

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

Подборка решений для задач с собеседований по JavaScript

7551 просмотр
От 27 июня

Топ тредов

: Предложите идею и получите спонсорский доступ на месяц

Последнее сообщение:
: Ой, не увидела. Круто, спасибо!
8 сообщений
180 просмотров

: Можно добавить таймер на решение задач

Последнее сообщение:
: да, с момента открытия и до успешных тестов. Чтобы трекать время выполнения )
3 сообщения
107 просмотров

Gravatar for 253malvina
Malvina
: Добавьте angular раздел

Последнее сообщение:
: Раздел открыт!
3 сообщения
132 просмотра

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