رنگها و متن (Colors & Text)
color: #f00; رنگ متن
background-color: رنگ پسزمینه
font-family: نوع فونت
font-weight: ضخامت (bold, 700)
text-align: تراز متن (center)
line-height: فاصله خطوط
مدل جعبهای (Box Model)
margin: فاصله بیرونی
padding: فاصله داخلی
border: حاشیه (1px solid #000)
width / height: عرض و ارتفاع
box-sizing: محاسبه ابعاد (border-box)
فلکس و گرید (Flex & Grid)
display: flex; فعالسازی فلکس
justify-content: تراز محور اصلی
align-items: تراز محور فرعی
display: grid; فعالسازی گرید
grid-template-columns: تعریف ستونها
gap: فاصله بین آیتمها
موقعیت و گرافیک (Pos & Gfx)
position: موقعیت (relative, absolute)
z-index: عمق روی هم افتادن
border-radius: گردی گوشهها
box-shadow: سایه دادن به باکس
transition: انیمیشن نرم حالتها
@media: کوئری برای ریسپانسیو