القرآن الكريم كامل المصحف الذكي (جديد) , المصحف النصي
تُستخدم محددات CSS "للبحث" (أو تحديد) عناصر HTML التي تريد تصميمها.
يمكننا تقسيم محددات CSS إلى خمس فئات:
تشرح هذه الصفحة محددات CSS الأساسية.
يحدد محدد العنصر عناصر HTML بناءً على اسم العنصر.
مثال:
هنا ، ستتم محاذاة جميع عناصر
في الصفحة إلى المنتصف ، بلون الأزرق للنص:
<html> <head> <style> p { text-align: center; color:blue; } </style> </head> <body> <p>.ستتأثر كل فقرة بالأسلوب معين</p> <p id="para1">نعم</p> <p>لا</p> </body> </html>
النتيجة كالآتي:
يستخدم محدد المعرف السمة id لعنصر HTML لتحديد عنصر معين.
يكون معرف العنصر فريدًا داخل الصفحة، لذا يتم استخدام محدد المعرف لتحديد عنصر فريد واحد!
لتحديد عنصر بمعرف محدد ، اكتب حرف التجزئة (#) ، متبوعًا بمعرف العنصر.
مثال:
<html> <head> <style> #para1 { text-align: center; color: blue; } </style> </head> <body> <p id="para1">!مرحبا</p> <p>(style) هذه الفقرة لا تتأثر بالنمط</p> </body> </html> </body> </html>
النتيجة كالآتي:
ملاحظة: لا يمكن أن يبدأ اسم المعرف برقم!
يحدد محدد الفئة عناصر HTML مع سمة فئة معينة.
لتحديد عناصر بفئة معينة ، اكتب حرف نقطة (.) متبوعًا باسم الفئة.
مثال:
<html> <head> <style> .center { text-align: center; color: blue; } </style> </head> <body> <h1 class="center">عنوان أزرق - في الوسط</h1> <p class="center">فقرة زرقاء - في الوسط</p> </body> </html>
النتيجة كالآتي:
يمكنك أيضًا تحديد أن عناصر HTML محددة فقط هي التي يجب أن تتأثر بفئة.
مثال:
p.center { text-align: center; color: red; }
يمكن أن تشير عناصر HTML أيضًا إلى أكثر من فئة واحدة.
مثال:
في هذا المثال ، سيتم تصميم العنصر
وفقًا للفئة = "center" وللفئة = "large":
<p class="center large">تشير هذه الفقرة إلى فئتين.</p>
ملاحظة: لا يمكن أن يبدأ اسم الفصل برقم!
يحدد المحدد العام (*) جميع عناصر HTML على الصفحة.
مثال:
<html> <head> <style> * { text-align: center; color: red; } </style> </head> <body> <h1>!مرحبا</h1> <p>سيتأثر كل عنصر في الصفحة بالنمط</p> <p id="para1">نعم</p> <p>حسنا</p> </body> </html>
النتيجة كالآتي:
يحدد محدد التجميع جميع عناصر HTML بنفس تعريفات الأنماط.
انظر إلى كود CSS التالي (العناصر h1 و h2 و p لها نفس تعريفات النمط):
h1 { text-align: center; color: blue; } h2 { text-align: center; color: red; } p { text-align: center; color: red; }
سيكون من الأفضل تجميع المحددات لتقليل الكود.
لتجميع المحددات ، افصل بين كل محدد بفاصلة.
مثال:
<html> <head> <style> h1, h2, p { text-align: center; color: blue; } </style> </head> <body> <h1>!مرحبا</h1> <h2>عنوان صغير</h2> <p>الفقرة</p> </body> </html>
النتيجة كالآتي:
المحدد | مثال | وصف مثال |
class. | intro. | لتحديد كل العناصر باستخدام "class="intro |
id# | firstname# | لتحديد العنصر بـ "id="firstname |
* | * | لتحديد كل العناصر |
element | p | لتحديد كافة عناصر
|
element,element | div, p | لتحديد جميع عناصر
وجميع عناصر
|
لا تنسى مشاركة الصفحة ومن صالح دعائكم
رموز الألوان هي طرق لتمثيل الألوان التي نراها كل يوم بتنسيق يمكن للكمبيوتر تفسيره وعرضه. يشيع استخدامها في مواقع الويب وتطبيقات البرامج الأخرى ، وهناك مجموعة متنوعة من ...
يتم استخدام استعلام SQL DELETE لحذف السجلات الموجودة من جدول. يمكنك استخدام جملة WHERE مع استعلام DELETE لحذف الصفوف المحددة ، وإلا فسيتم حذف جميع السجلات. يقوم DEL ...
يمكن دمج جملة WHERE مع عوامل التشغيل AND و OR و NOT. يتم استخدام عوامل التشغيل AND و OR لتصفية السجلات بناءً على أكثر من شرط واحد: يعرض عامل التشغيل AND سجلاً إذا ت ...
عامل التشغيل هو رمز يعمل على قيمة أو متغير. عوامل التشغيل هي رموز تقوم بإجراء العمليات على المتغيرات والقيم. على سبيل المثال، + هو عامل تشغيل يُستخدم للجمع، بينما - هو ...
يتم استخدام عبارة SQL WHERE لتحديد شرط أثناء جلب البيانات من جدول واحد أو من خلال الانضمام إلى جداول متعددة. إذا تم استيفاء الشرط المحدد ، فإنه يقوم فقط بإرجاع قيمة مح ...
المتغيرات عبارة عن حاويات لتخزين قيم البيانات. في C ++ ، توجد أنواع مختلفة من المتغيرات (محددة بكلمات رئيسية مختلفة) ، على سبيل المثال: int - يخزن الأعداد الصحيحة ( ...