Чтобы задать размер шрифта на сайте с помощью css, необходимо у нужного элемента прописать свойство font-size. При этом размер шрифта можно указать несколькими способами:
16289
Рубрика: css
Как выровнять текст по горизонтали и вертикали в блоке div с помощью css
Казалось бы, простая задача: выровнять текст по центру блока div. Присваиваем блоку свойство text-align:center и всего делов. Но как быть, если блок объемный и текст необходимо выровнять не только по горизонтали, а еще и вертикали? Конечно, можно задать padding в процентах для решения этой задачи. Но выравнивание в этом случае все - равно будет сбиваться. И тогда на помощь придет чудесные css свойства display:flex, display:table-cell и line-height.
Читать далее
5197
Как сделать css рамку
Всем привет. На связи coderistu.ru. В этой статье мы рассмотрим, как сделать различные html - рамки на сайте с помощью сss.
8424
Как сделать css затемнение фона
Всем привет. На связи coderistu.ru
В одной из своих статей я писал, как сделать появление текста при наведении на картинку. И там как - раз использовался эффект затемнения заднего фона, чтобы текст на переднем плане хорошо читался. Т. к. темный фон - overlay я часто использую на своих сайтах в качестве подложки в различных блоках, то решил рассмотреть процесс его создания в отдельной статье.
7998
Видео на задний фон сайта или блока
Видео на заднем фоне сайта или рекламного блока несомненно привлечет внимание пользователей к товару или услуге, которую оно представляет: динамичная картинка всегда смотрится намного лучше статики. И если, заглянув сюда, вы думаете, что сделать это очень сложно, то спешу вас обрадовать: процесс создания видео - бэкграунда очень простой и потребует минимального вмешательства в код.
5216
Как подключить шрифт к сайту html +css
Одна из первых задач, которая встает перед вебмастером при создании нового проекта - как подключить шрифт к сайту. С помощью html и css шрифт можно подключить как напрямую с хостинга, так и удаленно при помощи различных сервисов типа гугл-шрифтов (GoogleFonts). Так же есть много других ресурсов, которые помогут быстро подобрать шрифты для вашего сайта:
- Fonts-online - хранилище шрифтов, доступных для скачивания.
- Canva.com - удобный сервис для подбора шрифтовых пар.
- GoogleFonts - сервис от google с возможностью интеграции шрифтов на сайт через API.
- Fontstorage - русскоязычный сервис, аналогичный по функционалу GoogleFonts. Можно скачивать шрифты или подключать напрямую к сайту через API.
5008
Как сделать тень блока на сайте с помощью css
Чтобы сделать css тень на сайте для текста или какого - либо блока, необязательно прибегать к помощи Adobe Photoshop. Для этого достаточно использовать css - свойства text - shadow и box - shadow, которые помогут добавить красивую тень куда угодно: к изображениям и фото, к слову, букве, абзацу, блоку или виджету. Тени, сделанные с помощью css, можно комбинировать, создавая красивые переливы и градиенты у объектов, к которым они применяются. Так же можно регулировать прозрачность тени, размах, размытие и смещение по осям X и Y.
4590
Как выровнять блок div по центру страницы
Казалось бы, тривиальная задача: выровнять блок <div> по центру страницы с помощью css. Но на первых этапах изучения html и сss может серьезно озадачить начинающего веб - мастера. Сам сталкивался с такой проблемой, когда пытался выровнять <div> на макете сайта, когда только начинал изучать веб - программирование. Что и послужило началом для написания этой статьи.)
5465
10 вариантов оформления заголовков на сайте с помощью css
Первое, на что обращает внимание посетитель вашего сайта, это заголовки статей. Чем интереснее оформлен заголовок, тем больше он привлекает внимания, и тем больше шансов, что статья будет прочитана.
Многие вебмастера, следуя этому правилу, перегружают заголовки своих статей мерцающей анимацией, нечитаемыми шрифтами и задними фонами токсичных цветов. Делать этого не стоит, т. к. такое оформление вызывает зрительное напряжение и только отпугивает пользователей. Чтобы этого не происходило и при этом заголовок привлекал внимание посетителей сайта, достаточно добавить несколько простых геометрических css - фигур с помощью псевдоэлементов :before и :after.
13023
Как быстро сделать сайт? Инструкция.
Как быстро сделать простой, но в тоже самое время полноценный сайт за пару часов? Без использования готовых шаблонов и систем управления контентом?
Для тех, кто только начал знакомиться с азами верстки, эта задача покажется очень сложной, но на самом деле создать небольшой веб - ресурс на несколько страниц можно очень быстро. При этом знаний и опыта программирования на php, javascript или jquery не понадобится, т. к. сайт будет полностью построен на базе html и css.
2482