Блог RU-CENTER На некоторых сайтах вас встречают красивые всплывающие меню и кнопки, которые меняют вид при наведении мышки, клике или прокрутке страницы. Такие эффекты называются анимацией — они влияют на общее впечатление от ресурса и легкость пользования сайтом. Чем плавнее переходы и необычнее анимация, тем больший вау-эффект произведет на посетителя ваш сайт. Добиться плавности и других свойств анимации помогает CSS — в статье расскажем, что это за язык и как с его помощью сделать простую анимацию элементов сайта...

Мы все знакомы со стандартным способом привязки таблицы стилей к заголовку HTML-документа, верно? Это лишь один из нескольких способов написания CSS. Но как выглядит стилизация вещей в одностраничном приложении (SPA), скажем, в проекте React? Оказывается, есть несколько способов стилизации приложения React. Некоторые пересекаются с традиционным стилем, другие не так сильно. Но давайте посчитаем все способы, которыми мы можем это сделать. Импорт внешних таблиц стилей Как следует из названия, React может импортировать файлы CSS...

Текст - это неотъемлемый элемент сайта, который занимает большую часть сайта и несет некоторое количество информации. Не оформив весь текст на вашем сайте, весь сайт будет смотреться не совсем привлекательно, т.к. смотреть на текст, который не форматирован, не очень приятно для глаза. Поэтому в этой статье я научу вас вставлять текст , создавать абзацы, изменять размер и шрифт текста и научу как использовать не только кастомные шрифты (их на самом деле очень много в конце текста). Текст в HTML 1...

Знаете ли вы, что CSS имеет средства форматирования текста не хуже чем у Microsoft Word? Вы можете задать свой шрифт, жирность, начертание, цвет, тень, размер и еще множество параметров, чтобы получить идеально отформатированный текст. Для форматирования текста используется следующий основной набор свойств: Собственные шрифты Для подключения собственного шрифта используется правило @font-face. @font-face { font-family: 'Philosopher'; /* Название шрифта*/ font-style: normal; /* Начертание */ font-weight: 400; /* Насыщенность */ src: url(...