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

علامة على مثالنا وسنقوم بإضافة لون خلفية ووجه خط وحجم الخط وعنصر تحكم لون النص إلى

بطاقة شعار. هذا سوف يسبب كل شيء بين أي فتح وإغلاق

يتم التحكم في العلامات من خلال تعريفاتنا الجديدة عبر صفحة الويب.

ع
لون الخلفية: # 000000؛
عائلة الخط: arial؛
حجم الخط: 12 بكسل ؛
اللون: # fffff؛
}

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

  • يمكنك وضع قاعدة CSS المخصصة داخل العلامات في قسم الرأس بصفحة الويب الخاصة بك.

  • يمكنك وضع قاعدة CSS المخصصة داخل ملف CSS خارجي.

  • يجب أن تحتوي تعريفات CSS المخصصة التي تضيفها إلى محدد علامة محدد على خصائص يمكن التحكم بها بواسطة هذه العلامة.

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

  • تحافظ العلامة على الخصائص المدمجة لعلامة HTML. على سبيل المثال ، HTML سوف تستمر العلامة الغامقة في تطبيق التأثير الغامق على أي نص يوضع بين الفتح والإغلاق العلامات.




تعليمات الفيديو: 将 HTML 转换为 DOM (سبتمبر 2021).