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

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

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

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

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

Верстка

👍

Полезно - 5

Что такое HTML простыми словами

HTML – это язык гипертекстовой разметки. Но это набор непонятных слов для начинающих. Что такое гипертекстовая разметка вообще? Давайте по простому, чтобы понять мог тот, кто второй раз в жизни слы...

Владимир Самойлов

Верстка

👍

Полезно - 24

Как запретить копировать текст на сайте

Я расскажу про простой, но очень эффективный способ, как запретить копирование на вашем сайте. Решение будет на JavaScript, это значит, что вам необходимо будет добавить следующий код в ваш файл...

Владимир Самойлов

Верстка

👍

Полезно - 31

Как изменить цвет SVG в CSS

В этой статье рассмотрим несколько примеров, как задать цвет любому изображению в формате svg с использованием css-стилей. Есть множество вариантов, как использовать SVG. От того, как вы применя...

Владимир Самойлов

Верстка

👍

Полезно - 2

Как подключить шрифт к сайту с помощью CSS и не только

Шрифты - одна из базовых вещей, которые используются при разработке сайта. Наряду с картинками, файлами css, js - шрифты незаменимый элемент современного сайта. Поэтому часто у верстальщиков (и не ...

Владимир Самойлов

Верстка

👍

Полезно - 5

Как задать цвет текста в CSS — меняем цвет текста с помощью стилей

Ответ на вопрос Ответ на вопрос "Как поменять цвет текста в CSS" довольно простой - с помощью свойства color. Достаточно задать нужному селектору (элементу, классу, айди и тд) свойство color с о...

Владимир Самойлов

Верстка

👍

Полезно - 24

Как вставить видео с YouTube в HTML

В этой статье мы расскажем, как можно вставить видео с ютуба на сайт. Мы будем рассматривать вариант, когда у вас есть доступ к коду сайта и вы можете вносить изменения. Мы не будем описывать в...

Владимир Самойлов

Верстка

👍

Полезно - 15

Правильно подключаем Javascript в HTML

Javascript (часто можно увидеть сокращенную для написания версию JS) это язык программирования, который очень часто применяется в web-разработке. В этой статье мы расскажем, как подключить javascri...

Владимир Самойлов

Верстка

👍

Полезно - 19

Как сделать затемнение фона (картинки) на CSS

Сразу оговоримся, что решить такую задачу, как затемнение фона для картинки, можно различными способами. Нет какого-то одного правильного метода. Вы делаете так, как вам удобно и как лучше подходит...

Владимир Самойлов

Верстка

👍

Полезно - 8

Как закомментировать код в CSS

Как правильно закомментировать код в css. Допустим, вы хотите временно отключить какие-то стили, но удалять код не хотите. Для этого можно воспользоваться специальным кодом для комментирования: ...

web

Верстка

👍

Полезно - 3

Как вставить css в html: 3 способа добавить css в html

Вы можете по разному добавить css в ваш html-файл. Есть быстрые варианты, есть правильные. Мы рассмотрим все возможные. 1. Подключение внешнего файлы Самый распространенный и правильный вари...

Владимир Самойлов

Следующая страница →

CSS Головоломки в Telegram

Подписывайся и не пропускай:

Актуальные новости

Интересные задачки

Полезные подборки

Перейти в Telegram

Наш рейтинг

🏆Лучший хостинг для сайта

9/10

8/10

8/10

8/10

8/10

7/10

7/10

Что читают?

🏆Популярные записи

Как сделать гамбургер (бургер) меню — готовый код и подробное объяснение

Появление элементов при скролле

Как сделать плавное увеличение картинки при наведении — эффект на чистом CSS

Как выровнять картинку по центру с помощью CSS

Как изменить цвет SVG в CSS

Проверка знаний

🤔Хорошо ли вы знаете CSS?

Есть два блочных элемента, которые идут друг за другом в html. Какой будет оступ (margin) между ними, если задать им такие стили:


.top {
  height: 30px;
  background-color: blue;
  margin-bottom: 10px;
}
.bottom {
  height: 30px;
  background-color: red;
  margin-top: 20px;
}

10px

20px

30px

Viva Magenta

🤔Цвет 2023 года

Исследовательский институт Pantone выбрал главный цвет 2023 года. Им стал карминово-красный оттенок с фиолетовым подтоном, который назвали Viva Magenta.

#bb2649