الأنماط السطرية بسمة style | كيفية استخدام لغة CSS

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

يطبّق النمط السطري تصريحات التنسيق مباشرةً داخل وسم الفتح لعنصر واحد عبر السمة style="...". لاحظ أن السمة السطرية تُكتب دون محدد ودون أقواس معقوفة، لأنها تستهدف ذلك الوسم بعينه فقط.

يتجنب المطورون المحترفون الاعتماد على الأنماط السطرية في صفحات المواقع لأنها تعيد خلط البنية بالمظهر، وتطغى بأولويتها العالية على ملفات الأصناف المنظمة:

طريقة الإدراج	موضع كتابة القواعد	النطاق العملي الأنسب
خارجي `<link>`	ملف `.css` مستقل	المواقع المتكاملة والمشاريع الإنتاجية
داخلي `<style>`	داخل وسم `<head>`	الأمثلة التعليمية والصفحات المنفردة
سطري `style=""`	سمة داخل وسم العنصر	استثناءات ضيقة جداً أو قوالب البريد

الصف 2 كود برمجي

HTML

<h1 style="color: crimson;">Urgent Alert</h1>
<p style="color: navy;">Direct inline color.</p>
<p style="font-size: 20px;">Larger line.</p>
<p>Unstyled default paragraph.</p>

جرّب بنفسك

Inline Styles on Elements الأنماط السطرية بسمة style

شرح صفوف ومحتوى الفقرة

جميع فقرات هذا الدرس (كيفية استخدام لغة CSS)