FreeCode.Academy
Стратегии обучения
Уроки
Технологии
Участники
Проекты
Топики
Блоги
О проекте
Войти
↴ Basic CSS
Используйте атрибуты селекторов для стилизации элементов
Используйте переменные CSS для изменения сразу нескольких элементов
Создание пользовательской переменной CSS
Использование пользовательских переменных CSS
Использование значения по умолчанию в переменных CSS
Каскадные переменные CSS
Изменение переменной для определенной области
Использование медиа-запроса для изменения переменной
Улучшение совместимости со значениями по умолчанию в браузерах
Понимание разницы между абсолютными и относительными единицами
Используйте RGB для смешивания цветов
Использовать атрибут id для стилизации элемента
Установите идентификатор элемента
Задайте цвет фона элементу div
Добавление разных полей в каждую сторону элемента
Переопределить объявления стилей для классов с помощью атрибутов id
Управляйте размером ваших изображений
Используйте селектор класса в CSS для стилизации элемента
Используйте значения RGB для цветных элементов
Изменение семейства шрифтов элемента
Переопределить стили, записав их ниже в последующем CSS
Переопределить объявления стилей для классов инлайновыми стилями (атрибут style)
Переопределите все остальные стили, используя ключевое слово !important
Используйте сокращенный шестнадцатеричный код
Используйте шестнадцатеричный код для смешивания цветов
Использовать шестнадцатеричный код для указания цвета
Стиль HTML-элемента body
Наследовать стили из элемента body
Приоритет одного стиля над другим
Изменение цвета текста
Используйте селекторы CSS для изменения стилизации элементов
Изменение размера шрифта элемента
Импорт шрифта Google
Укажите какие шрифты должны использоваться
Добавить закругленные углы при помощи свойства border-radius
Создание изображения формы - круг с помощью border-radius
Отрегулируйте внешний отступ элемента (margin)
Добавить отрицательные внешние отступы к элементу
Добавьте разные внутренние отступы к каждой стороне элемента
Используйте "часовую нотацию" чтобы указать внутренние отступы элементу
Стиль нескольких элементов с классом CSS
Используйте "часовую нотацию" чтобы указать внешние отступы элементу
Добавьте рамки вокруг ваших элементов
Отрегулируйте внутренние отступы элемента (padding)