font-size css
12.08.2022

Как задать размер шрифта с помощью css свойства font-size

Чтобы задать размер шрифта на сайте с помощью css, необходимо у нужного элемента прописать свойство font-size. При этом размер шрифта можно указать несколькими способами:

Читать далее

8442
Как выровнять текст по горизонтали и вертикали в блоке div с помощью css
22.01.2022

Как выровнять текст по горизонтали и вертикали в блоке div с помощью css

Казалось бы, простая задача: выровнять текст по центру блока div. Присваиваем блоку свойство text-align:center и всего делов. Но как быть, если блок объемный и текст необходимо выровнять не только по горизонтали, а еще и вертикали? Конечно, можно задать padding в процентах для решения этой задачи. Но выравнивание в этом случае все - равно будет сбиваться. И тогда на помощь придет чудесные css свойства display:flex, display:table-cell и line-height.

Читать далее
5038
css затемнение фона
02.08.2020

Как сделать css затемнение фона

Всем привет. На связи coderistu.ru

В одной из своих статей я писал, как сделать появление текста при наведении на картинку. И там как - раз использовался эффект затемнения заднего фона, чтобы текст на переднем плане хорошо читался. Т. к. темный фон - overlay я часто использую на своих сайтах в качестве подложки в различных блоках, то решил рассмотреть процесс его создания в отдельной статье.

Читать далее

7591
как сделать видео фоном сайта или блока
22.07.2020

Видео на задний фон сайта или блока

Видео на заднем фоне сайта или рекламного блока несомненно привлечет внимание пользователей к товару или услуге, которую оно представляет: динамичная картинка всегда смотрится намного лучше статики. И если, заглянув сюда, вы думаете, что сделать это очень сложно, то спешу вас обрадовать: процесс создания видео - бэкграунда очень простой и потребует минимального вмешательства в код.

Читать далее

5013
07.07.2020

Как подключить шрифт к сайту html +css

Одна из первых задач, которая встает перед вебмастером при создании нового проекта - как подключить шрифт к сайту. С помощью html и css шрифт можно подключить как напрямую с хостинга, так и удаленно при помощи различных сервисов типа гугл-шрифтов (GoogleFonts).  Так же есть много других ресурсов, которые помогут быстро подобрать шрифты для вашего сайта:

  • Fonts-online - хранилище шрифтов, доступных для скачивания.
  • Canva.com - удобный сервис для подбора шрифтовых пар.
  • GoogleFonts - сервис от google с возможностью интеграции шрифтов на сайт через API.
  • Fontstorage - русскоязычный сервис, аналогичный по функционалу GoogleFonts. Можно скачивать шрифты или подключать напрямую к сайту через API.

Читать далее

4875
как сделать тень на сайте
06.05.2020

Как сделать тень блока на сайте с помощью css

Чтобы сделать css тень на сайте для текста или какого - либо блока, необязательно прибегать к помощи Adobe Photoshop. Для этого достаточно использовать css - свойства text - shadow и box - shadow, которые помогут добавить красивую тень куда угодно: к изображениям и фото, к слову, букве, абзацу, блоку или виджету. Тени, сделанные с помощью css, можно комбинировать, создавая красивые переливы и градиенты у объектов, к которым они применяются. Так же можно регулировать прозрачность тени, размах, размытие и смещение по осям X и Y.

Читать далее

4500
Как выровнять div блок по центру документа
17.11.2019

Как выровнять блок div по центру страницы

Казалось бы, тривиальная задача:  выровнять блок <div> по центру страницы с помощью css. Но на первых этапах изучения html и сss может серьезно озадачить начинающего веб - мастера. Сам сталкивался с такой проблемой, когда пытался выровнять <div> на макете сайта, когда только начинал изучать веб - программирование. Что и послужило началом для написания этой статьи.)

Читать далее

5360
14.11.2019

10 вариантов оформления заголовков на сайте с помощью css

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

Многие вебмастера, следуя этому правилу, перегружают заголовки своих статей мерцающей анимацией, нечитаемыми шрифтами и задними фонами токсичных цветов. Делать этого не стоит, т. к. такое оформление вызывает зрительное напряжение и только отпугивает пользователей. Чтобы этого не происходило и при этом заголовок привлекал внимание посетителей сайта, достаточно добавить несколько простых геометрических css - фигур с помощью псевдоэлементов  :before и :after.

Читать далее

12150
как сделать сайт
22.09.2018

Как быстро сделать сайт? Инструкция.

Как быстро сделать простой, но в тоже самое время полноценный сайт за пару часов? Без использования готовых шаблонов и систем управления контентом?

Для тех, кто только начал знакомиться с азами верстки, эта задача покажется очень сложной, но на самом деле создать небольшой веб - ресурс на несколько страниц можно очень быстро. При этом знаний и опыта программирования на php, javascript или jquery не понадобится, т. к. сайт будет полностью построен на базе html и css.

Читать далее

2422