Color Highlight - это расширение для Visual Studio Code стилизует цвета CSS, найденные в вашем документе.
Специфика селекторов в CSS.
Специфика CSS - это про то, какие стили применяются к элементам: чем конкретнее селектор CSS, тем больше веса он имеет при определении стиля элемента. Возьмем следующий HTML и CSS в качестве примера: <article id="css-rocks">
...
</article> <style>
#css-rocks {
background-color: white;
}
article {
background-color: black;
}
</style> Побеждает белый цвет, так как селектор id более специфичен и имеет больший вес. Существует пять основных уровней, которые определяют специфику стиля, от наименее специфического к наиболее специфичному: 1...
Генерация цветовых тем на основе одного цвета в CSS
Знаете ли вы, что можно совмещать CSS-variables с HSL и calc? Мы можем создавать темы для сайта, основанные на CSS-переменных. Это будет выглядеть так: все цвета мы задаём на сайте не конкретно, а абстрактно,задавая формулу, по которой в дальнейшем будет вычисляться цвет. Так изменяя всего три CSS-переменные, мы можем полностью перекрасить весь сайт. Цвета можно изменять на основе времени суток на часах пользователя или же в зависимости от его особенностей зрения. Для нас главная возможность — упростить с этим нашу работу...