الأدارة ..♥ |
❆ فعاليات عَبق الياسمين ❆ | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
#1
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
ما الفرق بين أنماط CSS المضمنة والخارجية والداخلية؟
ما الفرق بين أنماط CSS المضمنة والخارجية والداخلية؟ الفرق الرئيسي بين أنماط CSS المضمنة والخارجية والداخلية هو موقعها ونطاق تطبيقها. قد يتم تضمين أنماط CSS المضمنة في مستند HTML وتكون خاصة بعناصر HTML الفردية، مما يسمح بالتصميم المستهدف. يتم تضمين أنماط CSS الداخلية في القسم الرئيسي لمستند HTML ويتم تطبيقها على المستند بأكمله، مما يسمح بتصميم متسق عبر عناصر متعددة. يتم تخزين أنماط CSS الخارجية في ملف منفصل ويمكن ربطها بمستندات HTML متعددة، مما يسمح بالتصميم الشامل عبر موقع الويب بأكمله. CSS الداخلي يتطلب منك CSS الداخلي أو المضمن إضافة وسم <style> في قسم <head> بمستند HTML الخاص بك. يعد نمط CSS هذا طريقة فعالة لتصميم صفحة واحدة. ومع ذلك، فإن استخدام هذا النمط لصفحات متعددة يستغرق وقتًا طويلاً حيث تحتاج إلى وضع قواعد CSS على كل صفحة من صفحات موقع الويب الخاص بك. إليك كيفية استخدام CSS الداخلي:
<style type="text/css">CSS
body{ background-color:red; } h1{ color:green; padding:50px; } اكتب علامة الإغلاق: </style>CSS سيبدو ملف HTML الخاص بك كما يلي: <!DOCTYPEhtml> <html> <head> <style> body { background-color: red; } h1 { color: green; padding: 50px; } </style> </head> <body> <h1>DoctorMega Tutorials</h1> <p>This is our paragraph.</p> </body> </html>HTML مزايا CSS الداخلية:
#id { property1 : value1; property2 : value2; property3 : value3; } .class { property1 : value1; property2 : value2; property3 : value3; }CSS
باستخدام CSS خارجي، ستتمكن من ربط صفحات الويب الخاصة بك بملف css. خارجي، والذي يمكن إنشاؤه بواسطة أي محرر نصوص في جهازك (على سبيل المثال، Notepad++). يعد هذا النوع من CSS طريقة أكثر كفاءة، خاصة لتصميم موقع ويب كبير. من خلال تحرير ملف .css واحد، يمكنك تغيير موقعك بالكامل مرة واحدة. اتبع هذه الخطوات لاستخدام CSS خارجي: 1. قم بإنشاء ملف css. جديد باستخدام محرر النصوص، ثم قم بإضافة قواعد النمط. على سبيل المثال: .leftcol { float: left; width: 33%; background:#809900; } .middlecol { float: left; width: 34%; background:#eff2df; }CSS 2. في قسم <head> من ملف HTML الخاصة بك، قم بإضافة مرجع إلى ملف css. الخارجي مباشر بعد وسم <title>: <linkrel="stylesheet"type="text/css"href="style.css"/>HTML لا تنس تغيير style.css باسم ملف css. الخاص بك. مزايا CSS الخارجية:
الساعة الآن 09:01 PM
|