📘 جلسه دوازدهم – شبه‌عناصر (Pseudo-elements) در CSS

🔹 معرفی شبه‌عناصر

شبه‌عناصر برای استایل‌دهی به بخش خاصی از متن یا اضافه کردن محتوای مجازی استفاده می‌شوند:

• ::selection → استایل متن انتخاب‌شده توسط کاربر
• ::first-line → اعمال استایل فقط روی اولین خط متن
• ::first-letter → اعمال استایل روی اولین حرف متن
• ::before → اضافه‌کردن محتوای مجازی قبل از المان
• ::after → اضافه‌کردن محتوای مجازی بعد از المان

🔹 ویژگی‌های مجاز در ::first-line

• font properties (ویژگی‌های فونت)
• color (رنگ)
• background (پس‌زمینه)
• word-spacing (فاصله کلمات)
• letter-spacing (فاصله حروف)
• text-decoration (زیرخط و غیره)
• vertical-align (تراز عمودی)
• text-transform (تبدیل متن)
• line-height (ارتفاع خط)
• clear (پاک‌سازی شناور)

🔹 استفاده از Font Awesome در content

• می‌توان یونیک‌کد آیکون‌ها را در content نوشت.
• برای نمایش صحیح باید font-family: "Font Awesome 5 Free"; تنظیم شود.

🔹 توابع رنگ در CSS

• rgb(r, g, b) → رنگ با سه مقدار (۰ تا ۲۵۵)
• rgba(r, g, b, a) → رنگ با شفافیت (a بین ۰ تا ۱)

🔹 تفاوت opacity و rgba

• opacity → کل المان و محتوای داخلی آن شفاف می‌شود.
• rgba → فقط رنگ یا پس‌زمینه شفاف می‌شود و روی محتوای داخلی تأثیر ندارد.