آموزش Tailwind CSS Foundations

سرفصل ها و درس ها

مقدمه ای بر Tailwind CSS Introduction to Tailwind CSS

• Tailwind CSS چیست؟ What Is Tailwind CSS?

• استفاده از Tailwind Quickly با Play CDN Using Tailwind Quickly with the Play CDN

• VS Code Tailwind و افزونه های زیباتر VS Code Tailwind and Prettier Extensions

فاصله، مرزها و رنگ‌های پس‌زمینه Spacing, Borders, and Background Colors

• ویژگی های مدل جعبه Box Model Properties

• نمایش Display

• رنگ زمینه و حاشیه Background and Border Color

تایپوگرافی Typography

• رنگ فونت Font Color

• اندازه فونت Font Size

• وزن قلم، سبک، و تزئین متن Font Weight, Style, and Text Decoration

• مثال دیگری - فرم تماس Another Example - Contact Form

چیدمان و موقعیت یابی Layout and Positioning

• ترازبندی متن Text Alignment

• موقعیت یابی مطلق و نسبی Absolute and Relative Positioning

Flexbox و CSS Grid Flexbox and CSS Grid

• فلکس باکس Flexbox

• مثال دیگر - کل سبد خرید Another Example - Shopping Cart Total

• شبکه CSS CSS Grid

وضعیت شناور و تمرکز Hover and Focus States

• شناور Hover

• تمرکز کنید Focus

• انیمیشن Animation

طراحی واکنشگرا Responsive Design

• چیدمان پاسخگو Responsive Layout

• طراحی اول موبایل Mobile-first Design

حالت تاریک Dark Mode

• حالت تاریک Dark Mode