Рубрика: Верстка

Верстка — это столб, на котором все держится. Ни один сайт не будет работать без верстки. HTML должен быть, чтобы сайт заработал.

В последнее время большой бум в IT. И многие, кто начинает интересоваться этой темой в итоге приходят к верстке. Это первая ступень в мире сайтов.

Нельзя недооценивать верстальщика. Все вот эти красивые эффекты, которые вы видите на своих любимых сайтах — все это работа верстальщика. Параллаксы, модальные окна и другие фичи — это дело рук верстальщика.

В этой категории мы собрали все записи, которые могут быть полезны человеку, решившему заняться созданием сайтов. Человеку, который решил стать программистом и только в начале своего пути.

👍
Полезно - 15
Я расскажу про простой, но очень эффективный способ, как запретить копирование на вашем сайте. Решение будет на JavaScript, это значит, что вам необходимо будет добавить следующий код в ваш файл...
👍
Полезно - 11
В этой статье рассмотрим несколько примеров, как задать цвет любому изображению в формате svg с использованием css-стилей. Есть множество вариантов, как использовать SVG. От того, как вы применя...
👍
Полезно - 2
Шрифты - одна из базовых вещей, которые используются при разработке сайта. Наряду с картинками, файлами css, js - шрифты незаменимый элемент современного сайта. Поэтому часто у верстальщиков (и не ...
👍
Полезно - 2
Ответ на вопрос Ответ на вопрос "Как поменять цвет текста в CSS" довольно простой - с помощью свойства color. Достаточно задать нужному селектору (элементу, классу, айди и тд) свойство color с о...
👍
Полезно - 7
В этой статье мы расскажем, как можно вставить видео с ютуба на сайт. Мы будем рассматривать вариант, когда у вас есть доступ к коду сайта и вы можете вносить изменения. Мы не будем описывать в...
👍
Полезно - 2
Javascript (часто можно увидеть сокращенную для написания версию JS) это язык программирования, который очень часто применяется в web-разработке. В этой статье мы расскажем, как подключить javascri...
👍
Полезно - 10
Сразу оговоримся, что решить такую задачу, как затемнение фона для картинки, можно различными способами. Нет какого-то одного правильного метода. Вы делаете так, как вам удобно и как лучше подходит...
👍
Полезно - 3
Как правильно закомментировать код в css. Допустим, вы хотите временно отключить какие-то стили, но удалять код не хотите. Для этого можно воспользоваться специальным кодом для комментирования: ...
👍
Полезно - 3
Вы можете по разному добавить css в ваш html-файл. Есть быстрые варианты, есть правильные. Мы рассмотрим все возможные. 1. Подключение внешнего файлы Самый распространенный и правильный вари...
👍
Полезно - 3
Вам нужно знать один маленький секрет, который позволит сделать на любом сайте номер телефона кликабельным. Секрет заключается в том, что кликабельный номер телефона - это ссылка, которая начинаетс...
CSS Головоломки в Telegram
Подписывайся и не пропускай:
Актуальные новости
Интересные задачки
Полезные подборки
Наш рейтинг
🏆Лучший хостинг для сайта
9/10
8/10
8/10
4
8/10
8/10
7/10
7/10
Что читают?
🏆Популярные записи
Как сделать гамбургер (бургер) меню — готовый код и подробное объяснение
Просмотров: 18273
Появление элементов при скролле
Просмотров: 16834
Перенос сайта на Тильде на свой хостинг. Пошаговое руководство
Просмотров: 8524
Как выровнять картинку по центру с помощью CSS
Просмотров: 6944
Как сделать плавное увеличение картинки при наведении — эффект на чистом CSS
Просмотров: 6784
Проверка знаний
🤔Хорошо ли вы знаете 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