تعرف علي طريقة إضافة أكواد CSS داخل HTML
يمكنك بسهولة إضافة أكواد CSS داخل HTML من خلال ثلاث طرق لتطبيق CSS على HTML: مضمنة وداخلية وخارجية.
يمكنك الإختيار ما بين جميع الطرق والمناسبة لك وحسب ما تريد فعله.
داخل النسق
يتم وضع الأنماط المضمنة مباشرة في علامات HTML باستخدام سمة النمط. مثل ما في هذه المثال:
هذا سيجعل تلك هذه الفقرة باللون الأحمر. ولكن ، إذا كنت تتذكر ، فإن أفضل نهج هو أن HTML يجب أن يكون مستندًا مستقلاً وخاليًا من العروض التقديمية ، وبالتالي يجب تجنب الأنماط المضمنة قدر الإمكان.
الداخلية
يتم استخدام الأنماط المضمنة أو الداخلية للصفحة بأكملها. داخل عنصر الرأس ، تحيط علامات النمط بجميع أنماط الصفحة.
سيؤدي هذا إلى جعل جميع الفقرات في الصفحة حمراء وجميع الروابط باللون الأزرق.
على الرغم من أنه يفضل تلوين HTML الخاص بنا من خلال العرض المضمن ، إلا أنه من الأفضل عادةً الاحتفاظ بملفات HTML و CSS منفصلة ، وبالتالي فإننا نترك مع منقذنا .
الخارجية
يتم استخدام الأنماط الخارجية لموقع الويب متعدد الصفحات بالكامل. يوجد ملف CSS منفصل ، والذي سيبدو ببساطة مثل:
التطبيق
لتحقيق أقصى استفادة من هذا الدليل ، سيكون من الجيد تجربة الكود أثناء تقدمنا ، لذا ابدأ ملفًا جديدًا جديدًا باستخدام محرر النصوص الخاص بك واحفظ المستند الفارغ باسم "style.css" في نفس الدليل كملف HTML الخاص بك.
الآن قم بتغيير ملف HTML الخاص بك بحيث يبدأ شيئًا كالتالي:
إذا تم حفظ هذا الملف باسم "style.css" في نفس الدليل مثل صفحة HTML الخاصة بك ، فيمكن ربطه بتنسيق HTML مثل هذا:
احفظ ملف HTML. هذا يرتبط الآن بملف CSS ، وهو فارغ في الوقت الحالي ، لذلك لن تغير أي شيء. أثناء عملك في CSS Beginner Tutorial ، ستتمكن من إضافة وتغيير ملف CSS ومشاهدة النتائج ببساطة عن طريق تحديث نافذة المتصفح التي تحتوي على ملف HTML ، كما فعلنا من قبل.
تعبيراتتعبيرات