CSS Inline

CSS Inline یکی از روش‌های استفاده از CSS در HTML است که استایل مستقیماً درون تگ (عنصر) HTML با استفاده از ویژگی (attribute) style نوشته می‌شود.

📌 ساختار کلی

<element style="property: value;">
    محتوای عنصر
</element>

📍 مثال‌ها

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

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

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

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

3. تغییر فونت و سایز

<p style="font-family: Arial; font-size: 20px;">
این متن فونت Arial و سایز ۲۰ دارد
</p>

4. چندین استایل با هم

<div style="color: white; background-color: blue; padding: 10px; border-radius: 8px;">
این یک باکس استایل شده با CSS Inline است
</div>

✅ مزایا

  • سریع و ساده برای تست یا تغییرات کوچک

  • نیازی به فایل جداگانه یا بخش <style> نداره

❌ معایب

  • برای پروژه‌های بزرگ قابل نگهداری نیست

  • خوانایی کد HTML رو کم می‌کنه

  • تکرار زیاد ایجاد میشه

  • اصل جداسازی محتوا از طراحی رو نقض می‌کنه

📌 نتیجه‌گیری:
CSS Inline فقط برای تغییرات سریع و موقت مناسبه. برای طراحی حرفه‌ای و پروژه‌های واقعی بهتره از Internal CSS یا External CSS استفاده کنی.