Усі записи

Tilda
31 записів
CSS3
HTML, CSS, JS
18 записів
WordPress
8 записів
SEO
14 записів
Верстка
👍
Корисно - 5
Як змінити колір SVG у CSS
У цій статті розглянемо кілька прикладів, як задати колір будь-якому зображенню у форматі svg за допомогою css-стилів. Є безліч варіантів використання SVG. Від того, як ви використовуєте SVG і з...
Читати далі
Верстка
👍
Корисно - 2
Як підключити шрифт до сайту за допомогою CSS
Шрифти – одна з базових речей, що використовуються при розробці сайту. Поряд із картинками, файлами css, js – шрифти незамінний елемент сучасного сайту. Тому часто у верстальників (і не лише) виник...
Читати далі
Верстка
👍
Корисно - 5
Як вставити відео з YouTube в HTML
У цій статті ми розповімо, як можна вставити відео з ютубу на сайт. Ми будемо розглядати варіант, коли ви маєте доступ до коду сайту і можете вносити зміни. Ми не описуватимемо варіанти, як дода...
Читати далі
Верстка
👍
Корисно - 2
Як вставити CSS у HTML: 3 способи додати CSS у HTML
Ви можете по-різному додати css до вашого html-файлу. Є швидкі варіанти, правильні. Ми розглянемо усі можливі. 1. Підключення зовнішнього файлу Найпоширеніший і найправильніший варіант - це п...
Читати далі
SEO-просування
👍
Корисно - 2
Все про Description
Description – це мета-тег, який відповідає за опис веб-сторінки. Використовується пошуковими та іншими роботами, щоб краще зрозуміти зміст сторінки. Description ніде не виводиться на сайті, але мож...
Читати далі
Верстка
👍
Корисно - 12
Як зробити ефект натискання кнопки на CSS
Тут ти дізнаєшся, як зробити ефект втискання кнопки на CSS. Забігаючи наперед скажемо, що нічого складного тут немає, впоратися зможе будь-який новачок. Приклад Що в нас вийде в результаті (п...
Читати далі
Верстка
👍
Корисно - 44
Поява елементів при скролі
У цій статті ми розглянемо, як можна зробити плавну появу елементів під час прокручування сторінки. Ми будемо використовувати css та трохи нативного js, без використання сторонніх бібліотек. При...
Читати далі
WordPress
👍
Корисно - 0
Що робити, якщо не відображається Title у WordPress
Буває така проблема – не відображається на сайті, зробленому на Вордпресі, Title. У чому може бути причина та як це виправити? Розберемо кілька можливих варіантів. Отже, перше, це потрібно зр...
Читати далі
Верстка
👍
Корисно - 3
Як за допомогою CSS змінити картинку при наведенні курсору
Як досягти зміни картинки при наведенні? Це можна реалізувати за допомогою CSS. Готовий приклад: Пояснення. Як ми зробили, щоб картинка змінювалася під час наведення? Ми в HTML ...
Читати далі
Верстка
👍
Корисно - 5
Як вирівняти картинку по центру за допомогою CSS
У цій статті розглянемо, які є методи вирівнювання картинки по центру блоку. Давайте створимо нашу розмітку, з якою працюватимемо. Створимо клас .wrap і всередину його додамо картинку з класо...
Читати далі
1 2
CSS Головоломки в Telegram
Підписуйся і не пропускай:
Актуальні новини
Цікаві завдання
Корисні добірки
Перейти до Telegram
Наш рейтинг
🏆Найкращий хостинг для сайту
1
Ukraine
9/10
2
HostPro
8/10
3
TutHost
8/10
4
Hostiq
8/10
5
Cityhost
8/10
6
Freehost
7/10
7
UAhosting
7/10
Что читают?
🏆Популярные записи
Як зробити гамбургер (бургер) меню – готовий код та докладне пояснення
Переглядів: 14211
Поява елементів при скролі
Переглядів: 13441
Як зробити ефект натискання кнопки на CSS
Переглядів: 4766
Як зробити плавне збільшення картинки при наведенні – ефект на чистому CSS
Переглядів: 4561
Як вирівняти картинку по центру за допомогою CSS
Переглядів: 4426
Перевірка знань
🤔Чи добре ви знаєте CSS?
Есть два блочных элемента, которые идут друг за другом в html. Какой будет оступ (margin) между ними, если задать им такие стили: 

.top {
  height: 30px;
  background-color: blue;
  margin-bottom: 10px;
}
.bottom {
  height: 30px;
  background-color: red;
  margin-top: 20px;
}
10px
20px
30px
Very Peri
🤔Колір 2022 року
Інститут кольору Pantone оголосив цвіт 2022 року. Це бузковий відтінок під назвою 17-3938 Very Peri.
#6667ab