أوراق الأنماط الخارجية وأوراق أنماط CSS المضمنة
هناك بعض الأشياء التي تجعل أوراق الأنماط الخارجية مختلفة عن أوراق الأنماط المدمجة.

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

مثال



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

مثال
الجسم {لون الخلفية: #ffffff}

p {font-size: 12pt؛ اللون: # 000000 ؛ محاذاة النص: center}

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

بعد قيامك بإنشاء أوراق أنماط خارجية ، يمكنك استخدامها في أي صفحة ويب عن طريق وضع إما العلامة أو عبارةimport في قسم الرأس.





تعليمات الفيديو: دورة تصميم و تطوير مواقع الإنترنت الشاملة | دورة css الدرس الثالث | كيف يعمل الـ CSS (قد 2024).