Учебник по Tailwind CSS

Tailwind CSS — это CSS-фреймворк с открытым исходным кодом.

Tailwind CSS — это многофункциональный CSS-фреймворк с утилитарным подходом для быстрого создания собственных дизайнов.

Tailwind CSS был создан Адамом Уэйтаном и Джонатаном Рейнинком в 2017 году и выпущен в 2018 году.

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

Для кого этот урок?

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

Предварительные требования для чтения этого учебника:

Прежде чем приступить к чтению этого учебника, вы должны иметь базовые знания HTML, CSS и JavaScript. Если вы ещё не знакомы с этими концепциями, рекомендуем сначала прочитать наши учебники:

Примеры Tailwind CSS

Ниже приведён простой пример Tailwind CSS:

Примеры Tailwind CSS

<div class="bg-blue-500 text-white p-4 rounded-lg"> Привет, Tailwind CSS! </div>

Попробуйте сами »

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

Ссылки

Официальный сайт Tailwind CSS:https://tailwindcss.com/

Официальная документация Tailwind CSS:https://tailwindcss.com/docs/

Другие расширения