در HTML می‌تونیم با استفاده از ویژگی style روی تگ‌ها، مستقیماً به اون‌ها CSS بدیم و ظاهرشون رو تغییر بدیم.

📌 سینتکس پایه

<تگ style="property:value;">
    محتوا
</تگ>

📊 مثال‌های پرکاربرد

1) تغییر رنگ متن

<p style="color:red;">این متن قرمز است.</p>

2) تغییر رنگ پس‌زمینه

<h1 style="background-color:yellow;">عنوان با پس‌زمینه زرد</h1>

3) تغییر فونت و اندازه

<p style="font-family:Tahoma; font-size:18px;">
این متن با فونت تاهوما و اندازه ۱۸ پیکسل است.
</p>

4) ترازبندی متن

<p style="text-align:center;">این متن در وسط قرار دارد.</p>

5) چند استایل همزمان

<p style="color:blue; background-color:lightgray; font-size:20px;">
این متن هم رنگ دارد، هم پس‌زمینه، هم سایز فونت!
</p>

🎯 نکات مهم

• ویژگی style بهش میگن Inline CSS یعنی فقط روی همون تگ اعمال میشه.

• برای صفحات بزرگ بهتره از CSS خارجی (External CSS) استفاده کنیم تا استایل‌ها مرتب و قابل مدیریت باشن.

• اما برای مثال‌های سریع یا تست، style خیلی کاربردیه.