Верстка сайту. БЕМ, SCSS, HTML, JS, FIGMA. частина №5 – стилі(слайдер, футер)
Кодимо солов’їною
Додати в плейлист
Завантаження...
У відео розглянемо такі моменти:
- розбір макета FIGMA
- робота зі шрифтами - font-weight, font-size, font-family, letter-spacing, line-height, color, text-stroke
- робота з відступами та полями margin, padding
- робота з display: grid, gap, grid-template-columns, repeat, fr
- робота з display: flex, gap, align-items, justify-content
- 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, border-radius
- градієнтний border, css gradient border
- робота з calc
- розбір макета FIGMA
- робота зі шрифтами - font-weight, font-size, font-family, letter-spacing, line-height, color, text-stroke
- робота з відступами та полями margin, padding
- робота з display: grid, gap, grid-template-columns, repeat, fr
- робота з display: flex, gap, align-items, justify-content
- 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, border-radius
- градієнтний border, css gradient border
- робота з calc
Коментарі
+0Коментувати можуть лише зареєстровані користувачі.
Увійти або зареєструватися