Библиотека Mo Css

Фреймворк нового поколения для веб-приложений.

CSS-свойство display определяет, будет ли элемент рассматриваться как блочный или встроенный элемент, а также макет, используемый для его дочерних элементов, например непрерывный макет, сетка или гибкий.

Быстрый старт

Хотите быстро добавить библиотеку Mo Css в свой проект? Используйте нашу собственную сеть доставки контента CDN — бесплатную CDN с открытым исходным кодом.

https://www.beforepost.com/css/introduction

Предупреждение

Оповещения — отличный способ предложить пользователю возможность выбрать конкретное действие или список действий.

Значок

Значки — это небольшой компонент, который обычно сообщает пользователю числовое значение.

Схема навигации

Кнопки позволяют вашим пользователям действовать. Это важный способ взаимодействия с приложением и навигации по нему.

Кнопка

Кнопки позволяют вашим пользователям действовать. Это важный способ взаимодействия с приложением и навигации по нему.

Группа кнопок

Кнопки серии позволяют вашим пользователям действовать.

Карта

Карточки — отличный способ отобразить важную часть контента и могут содержать изображения, кнопки, текст и многое другое.

Список

Списки могут отображать ряды информации, например, список контактов, список воспроизведения или меню.

Формы и ввод данных

Ввод

Inputs предоставляет пользователям возможность вводить данные в ваше приложение.

Текстовое поле

HTML-элемент Textarea представляет собой многострочный элемент управления для редактирования обычного текста, полезный, когда вы хотите разрешить пользователям вводить значительный объем текста в произвольной форме, например комментарий к отзыву или форму обратной связи.

Выбор даты

Элементы ввода type="date" создают поля ввода, которые позволяют пользователю вводить дату либо с текстовым полем, которое проверяет ввод, либо со специальным интерфейсом выбора даты.

Флажок

Флажки можно использовать, чтобы сообщить пользователю, что ему нужно принять бинарное решение.

Радио

Радиовходы позволяют представить набор эксклюзивных опций.

Выбрать

Выбор аналогичен собственному выбору HTML с некоторыми улучшениями в сортировке и выборе.

Прогресс

Индикаторы выполнения визуализируют ход выполнения операции или действия.

Основные сведения

Цвета

Mo-css поддерживается обширной системой цветов, которая определяет наши стили и компоненты. Это обеспечивает более полную настройку и расширение для любого проекта.

Маржа

Сокращенное свойство CSS margin устанавливает область полей со всех четырех сторон element.mo.

Заполнение

Сокращенное свойство CSS padding задает область заполнения со всех четырех сторон элемента.

Граница и радиус

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

Полоса прокрутки

Вертикальная или горизонтальная полоса, обычно расположенная в крайнем правом или нижнем углу окна, которая позволяет перемещать область просмотра окна вверх, вниз, влево или вправо.

Показать

CSS-свойство display определяет, будет ли элемент рассматриваться как блочный или встроенный элемент, а также макет, используемый для его дочерних элементов, например непрерывный макет, сетка или гибкий.

Шаблон приветствия

Убедитесь, что ваши страницы настроены в соответствии с последними стандартами дизайна и разработки. Это означает использование типа документа HTML5 и включение метатега области просмотра для правильного реагирования. Соберите все вместе, и ваши страницы должны выглядеть так:

<!DOCTYPE html>
  <html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mo Css</title>
    <link rel="stylesheet" href="https://cdn.beforepost.com/neptune/beforepost-0.2.min.css">
  </head>
  <body>
    Mo CSS Starter Template
  </body>
</html>