Все про створення та просування сайтів

На цьому ресурсі зібрані корисні матеріали для вебмайстрів та seo-фахівців. WEB Головоломки - це спільнота людей, які готові допомогти іншим у вирішенні завдань по сайтам.
Tilda
31 записів
CSS3
HTML, CSS, JS
18 записів
WordPress
8 записів
SEO
14 записів
Нове відео на YouTube каналі

Нові записи

Публікації, написані учасниками спільноти. Головна мета – поділитися знаннями в тій чи іншій галузі.

👍
Корисно - 5
У цій статті розглянемо кілька прикладів, як задати колір будь-якому зображенню у форматі svg за допомогою css-стилів. Є безліч варіантів використання SVG. Від того, як ви використовуєте SVG і з...
👍
Корисно - 2
Шрифти – одна з базових речей, що використовуються при розробці сайту. Поряд із картинками, файлами css, js – шрифти незамінний елемент сучасного сайту. Тому часто у верстальників (і не лише) виник...
👍
Корисно - 5
У цій статті ми розповімо, як можна вставити відео з ютубу на сайт. Ми будемо розглядати варіант, коли ви маєте доступ до коду сайту і можете вносити зміни. Ми не описуватимемо варіанти, як дода...
👍
Корисно - 2
Ви можете по-різному додати css до вашого html-файлу. Є швидкі варіанти, правильні. Ми розглянемо усі можливі. 1. Підключення зовнішнього файлу Найпоширеніший і найправильніший варіант - це п...
👍
Корисно - 2
Description – це мета-тег, який відповідає за опис веб-сторінки. Використовується пошуковими та іншими роботами, щоб краще зрозуміти зміст сторінки. Description ніде не виводиться на сайті, але мож...
👍
Корисно - 12
Тут ти дізнаєшся, як зробити ефект втискання кнопки на CSS. Забігаючи наперед скажемо, що нічого складного тут немає, впоратися зможе будь-який новачок. Приклад Що в нас вийде в результаті (п...
👍
Корисно - 44
У цій статті ми розглянемо, як можна зробити плавну появу елементів під час прокручування сторінки. Ми будемо використовувати css та трохи нативного js, без використання сторонніх бібліотек. При...
👍
Корисно - 0
Буває така проблема – не відображається на сайті, зробленому на Вордпресі, Title. У чому може бути причина та як це виправити? Розберемо кілька можливих варіантів. Отже, перше, це потрібно зр...
👍
Корисно - 3
Як досягти зміни картинки при наведенні? Це можна реалізувати за допомогою CSS. Готовий приклад: Пояснення. Як ми зробили, щоб картинка змінювалася під час наведення? Ми в HTML ...
👍
Корисно - 5
У цій статті розглянемо, які є методи вирівнювання картинки по центру блоку. Давайте створимо нашу розмітку, з якою працюватимемо. Створимо клас .wrap і всередину його додамо картинку з класо...
CSS Головоломки в Telegram
Підписуйся і не пропускай:
Актуальні новини
Цікаві завдання
Корисні добірки
Наш рейтинг
🏆Найкращий хостинг для сайту
9/10
8/10
8/10
4
8/10
8/10
7/10
7/10
Что читают?
🏆Популярные записи
Як зробити гамбургер (бургер) меню – готовий код та докладне пояснення
Переглядів: 14212
Поява елементів при скролі
Переглядів: 13442
Як зробити ефект натискання кнопки на CSS
Переглядів: 4768
Як зробити плавне збільшення картинки при наведенні – ефект на чистому CSS
Переглядів: 4561
Як вирівняти картинку по центру за допомогою CSS
Переглядів: 4427
Перевірка знань
🤔Чи добре ви знаєте 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

Допоможіть!!!

Задавай питання, отримуй відповідь!

🔥Популярні питання
Заповніть форму 👇