أمكنة أكواد CSS و الإرث في CSS | الدرس 13\37

   السلام عليكم، سنرى في هذا الدرس أمكنة وضع أكواد CSS، و أولوية تطبيقها من طرف HTML، بالإضافة إلى مفهوم الإرث في CSS.

     هناك ثلاث أمكنة توضع فيها أكواد CSS :

* في ملف CSS.

* في عنصر HEAD بملف HTML.

* في العنصر المراد تغيير مظهره.

أمكنة أكواد CSS

ملف CSS

   تعتبر وضع أكواد CSS في ملف CSS الطريقة المتداولة من طرف مصممو الويب، و لقد رأيناها في الدرس الثاني لهذه الدورة درس إنشاء ملف HTML و ملف CSS و ربطهما، حيث تطرقنا لشرح كيفية ربط ملف CSS بملف HTML، و طريقة وضع أكواد CSS في ملف CSS.

عنصر HEAD بملف HTML

   المكان الثاني لوضع أكواد CSS هو داخل عنصر 'HEAD' بملف HTML، حيث يتوجب إنشاء عنصر ثنائي الوسمين بإسم 'STYLE'، و إقحام التنسيقات الكاملة لأكواد CSS داخله، أي بين وسميه.

العنصر المراد تغيير مظهره

    أما المكان الثالث لوضع أكواد CSS فهو في العنصر المراد تغيير مظهره، حيث تكتب أكواد CSS في قيمة Attribut تسمى 'STYLE'، و تكون هذه الأكواد عبارة عن خواص (Properties) و قيمها مفروقة بفواصل منقوطة بدون محددات حيث العنصر هو من يلعب دور المحدد.

أولوية HTML في تطبيق أكواد CSS

   بخصوص أولوية HTML، فهذا الأخير يعطي الأولوية للأكواد الموجودة في STYLE Attribut، ثم للتي توجد في العنصر 'STYLE'، ثم للتي توجد في ملف CSS.

الفيديو التوضيحي للدرس

الإرث في CSS

    جميع عناصر HTML التي ليس لديها ستايل بـCSS تأخذ الستايل من العناصر التي تحتويها، شريطة أن يكون لذى العناصر المحتوية ستايل بـCSS، أما في حالة عدم توفر العناصر المحتوية على ستايل بـCSS، فستأخذ الستايل من العناصر التي تحتوي العناصر المحتوية لها، و هكذا إلى أن تصل إلى التنسيق التلقائي للـHTML حيث جميع العناصر المحتوية ليست لديها ستايل بـCSS، هذا ما يعرف بالإرث في CSS.

See the Pen
أمكنة أكواد CSS و الإرث في CSS by osama (@webdesigner7)
on CodePen.

الأكواد المستعملة في هذا الدرس

أتمنى أن تستفيدوا من الدرس