560 читали · 2 года назад
Различные способы написания CSS в React
Мы все знакомы со стандартным способом привязки таблицы стилей к заголовку HTML-документа, верно? Это лишь один из нескольких способов написания CSS. Но как выглядит стилизация вещей в одностраничном приложении (SPA), скажем, в проекте React? Оказывается, есть несколько способов стилизации приложения React. Некоторые пересекаются с традиционным стилем, другие не так сильно. Но давайте посчитаем все способы, которыми мы можем это сделать. Импорт внешних таблиц стилей Как следует из названия, React может импортировать файлы CSS...
519 читали · 6 лет назад
Как задать CSS стиль
Существует четыре способа задания CSS стиля для тегов HTML. 1) Inline-стиль. 2) Внедрённый стиль 3) Импортированный стиль. 4) Стиль из файла. И в этой статье мы разберём все четыре способа. Для начала первый способ - это inline-стиль. Данный стиль указывается непосредственно в самом теге. Например: <p style = "font-size: 150%; text-align: center;">текст</p> В данном случае мы задали, чтобы элемент "текст" будет размером в 150% и выравнен по центру. Это пример inline-стиля. Второй способ - это внедрённый CSS стиль, то есть стиль, который задаётся в голове документа, в теге <head>. Например, так:...