دورة CSS | الدرس الثالث | كيفية إضافة CSS
عندما يقرأ المستعرثلاث طرق لإدراج CSS
- توجد ثلاث طرق لإدراج ورقة أنماط:
CSS خارجي
CSS داخلي
مضمنة CSS
CSS خارجي | EXTERNAL CSS
باستخدام ورقة أنماط خارجية ، يمكنك تغيير مظهر موقع ويب بأكمله عن طريق تغيير ملف واحد فقط!
يجب أن تتضمن كل صفحة HTML مرجعًا لملف ورقة الأنماط الخارجية داخل عنصر <link> ، داخل قسم الرأس.
مثال
يتم تحديد الأنماط الخارجية داخل عنصر <link> ، داخل قسم <head> لصفحة HTML:
|
<!DOCTYPE html> <html> <head> <link rel=”stylesheet” href=”style.css”> </head> <body>
<p>مقطع</p> </body> </html> |
“style.css”
body {
background-color: lightblue;
}
h1 {
color: navy;
margin-left: 20px;
}css داخلي |Internal CSS
- يمكن استخدام أنماط داخلية إذا كانت صفحة HTML واحدة لها نمط فريد.
- يتم تحديد النمط الداخلي داخل عنصر <style> داخل قسم head.
مثال
يتم تحديد الأنماط الداخلية داخل عنصر <style> ، داخل قسم <head> لصفحة HTML:
انقر على زر RUN في المنتصف لتفعيل الكود و رؤية النتيجة
CSS خارجي | EXTERNAL CSS
نمط نمط فريد نمط فريد من نوعه.
تعيين الأنماط السابقة يمكن أن تكون سمة النمط على أي خاصية CSS.
مثال
يتم تحديد الأنماط المضمنة في سمة “النمط” للعنصر ذي الصلة:
انقر على زر RUN في المنتصف لتفعيل الكود و رؤية النتيجة
ملاحظة.
يمكنك استخدام جميع أشكل النمط معاً في صفحة واحدة.
يمكنك استخدام عدة ملفات نمط خارجية أيضاً
