الدرس 5: How To Add CSS؟

لديك استفسار؟

أحدث المقالات

الدرس 14 : PHP Array Functions الدرس 13 : PHP Array Types الدرس 12 : PHP Functions الدرس 11 : PHP Loops (while - do...while - for - foreach) الدرس 10 : PHP switch Statement

الأقسام

عام Html CSS PHP

الدرس 5: How To Add CSS؟

كيف يمكن إضافة CSS؟

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

مثال :

 <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="mystyle.css" /> </head> <body> <h1>This is a heading</h1> <p>This is a paragraph.</p> </body> </html>

 /* In mystyle.css */ body { background-color: lightblue; } h1 { color: navy; margin-left: 20px; }

 <!-- Internal CSS --> <!DOCTYPE html> <html> <head> <style> body { background-color: linen; } h1 { color: maroon; margin-left: 40px; } </style> </head> <body> <h1>This is a heading</h1> <p>This is a paragraph.</p> </body> </html>

 <!-- Inline CSS --> <!DOCTYPE html> <html> <body> <h1 style="color: blue; text-align: center">This is a heading</h1> <p style="color: red">This is a paragraph.</p> </body> </html>

روابط هامة تعرف علينا

مشاركة المقال

العودة إلى المقالات