Верстка сайту. БЕМ, SCSS, HTML, JS, FIGMA. частина №3 – Стилі(секція Popular)
Кодимо солов’їною
Додати в плейлист
Завантаження...
У відео розглянемо такі моменти:
- розбір макета FIGMA
- робота зі шрифтами - font-weight, font-size, font-family, letter-spacing, line-height, color
- робота з відступами та полями margin, padding
- міксіни (mixin/include) SCSS/SASS
- використання vw css
- робота з display: grid, gap, grid-template-columns, repeat, fr
- position: absolute, top, left, right, bottom, z-index
- rgba в SCSS/SASS
- робота з background, background-image, background-repeat, background-position, background-size, встановлення декількох фонів
- робота з псевдоелементами ::before, ::after
- центрування елементів css
- центрування тексту text-align
- курсор css, cursor: pointer
- рамка css, border-radius
- робота з calc
- властивість filter blur, розмиття фона css
- розбір макета FIGMA
- робота зі шрифтами - font-weight, font-size, font-family, letter-spacing, line-height, color
- робота з відступами та полями margin, padding
- міксіни (mixin/include) SCSS/SASS
- використання vw css
- робота з display: grid, gap, grid-template-columns, repeat, fr
- position: absolute, top, left, right, bottom, z-index
- rgba в SCSS/SASS
- робота з background, background-image, background-repeat, background-position, background-size, встановлення декількох фонів
- робота з псевдоелементами ::before, ::after
- центрування елементів css
- центрування тексту text-align
- курсор css, cursor: pointer
- рамка css, border-radius
- робота з calc
- властивість filter blur, розмиття фона css
Коментарі
+0Коментувати можуть лише зареєстровані користувачі.
Увійти або зареєструватися