انتقل إلى محتوى الدرس
ابدأ رحلتك
الدرس 05
دورة لغة CSS

التعليقات في لغة CSSCSS Comments

ستتعلم في هذا الدرس كيفية إضافة تعليمات أو تعليقات نصية لأوامر لغة CSS وستتعلم طريقة كتابة التعليقات ولماذا تسُتخدم ومميزاتها.

ابدأ التعلّم استكشف الأمثلة
أقسام الدرس
2
الأمثلة
3
اللغة
العربية
تاريخ النشر
غير محدد
المشاهدات
4,824
محتوى الدرس
في هذا الدرس 2تصفّح المواضيع

CSS Comments التعليقات في لغة CSS

CSS comments التعليقات أو التعليمات النصية في لغة CSS تُستخدم لإضافة معلومات حول أوامر CSS هذة التعليمات تُساعد مطوري المواقع عند إصلاح وصيانة الأوامر في فهم هذة الأوامر لأن بعد مرور وقت زمني سيحتاج مطوري المواقع بتعليمات لتساعدهم في فهم خارطة أوامر CSS.


CSS comments التعليقات أو التعليمات في:

  • CSS comments تُستخدم في كتابة شرح أو كتابة ملاحظات أو علامات حول الأوامر المكتوبة بلغة CSS.
  • CSS comments تُستخدم في تعطيل جزء من أوامر CSS لتجربة صفحة الويب بدون هذة الأوامر وهذة المرحلة تتم أثناء مرحلة test التجربة فقط.
  • CSS comments يتعرف المحلل على التعليقات ويتجاهل محتواها عند تفسير قواعد التنسيق. لا تُرسم في الصفحة، لكنها تبقى ظاهرة لمن يقرأ ملف CSS أو مصدر الصفحة؛ لا تضع فيها أسرارًا.

Result

/* CSS comment */

Comments Syntax طريقة كتابة Comments التعليقات في لغة CSS

صيغة تعليقات CSS:

  1. تبدأ بعلامة الشرطة المائلة ثم النجمة: /*.
  2. تنتهي بالنجمة ثم الشرطة المائلة: */.
  3. النص بينهما تعليق، وقد يمتد على سطر أو عدة أسطر. هذه محددات تعليق وليست وسوم HTML.

single line comment

يكُتب comment التعليق علي سطر واحد إذا كان التعليق لا يزيد عن سطر واحد.

HTML 
/* This is a single-line comment */
p {
  color: red;
}
جرّب بنفسك

multi line comment

يكُتب comment التعليق علي مجموعة سطور إذا كان التعليق يزيد عن سطر واحد.

HTML 
/*
  This is a multi-line
  comment 
  in CSS
*/
p {
  color: red;
}
جرّب بنفسك

css comments

يُمكن كتابة comments تعليقات متعددة, تعليق واحد حول مجموعة أو جزء من أوامر CSS.

HTML 
/* Start Of comment */
  p {
    color: red;
  } 
/* End Of comment */
جرّب بنفسك

مشاركة

هل كان هذا الدرس مفيدًا؟

جارٍ تحميل الآراء…

ابنِ لغتك البرمجية

المصطلحات8

راجع المعنى، اشرحه لنفسك، ثم علّم البطاقة كمفهومة.

0 / 8 مفهومةأول بطاقة، أول خطوة
01 Comments تعليقات
للمراجعة
02 Result نتيجة
للمراجعة
03 Inline مضمن
للمراجعة
04 Style نمط أو شكل
للمراجعة
05 Attribute سمة
للمراجعة
06 Syntax بناء الجملة
للمراجعة
07 Element عنصر
للمراجعة
08 Backslash شرطة مائلة للخلف
للمراجعة

اقرأ البطاقات بحرية. سجّل الدخول لحفظ تقدم مراجعتك.

حروف قليلة. معنى كامل.

الاختصارات1

راجع المعنى، اشرحه لنفسك، ثم علّم البطاقة كمفهومة.

0 / 1 مفهومةأول بطاقة، أول خطوة
01 CSS CSS
Cascading Style Sheets
صفحات الأنماط الانسيابية
للمراجعة

اقرأ البطاقات بحرية. سجّل الدخول لحفظ تقدم مراجعتك.

مساحة التحدي

اختبر فهمك.
ووصلها للإتقان.

كل سؤال خطوة لقدّام. اختار، اكتب كود، وشوف نتيجتك فورًا.

3أسئلة 2أنواع تحديات 100%هدف الإتقان
تصحيح تلقائي. فرص بلا حدود.

أكمل المهام، واجمع كل الإجابات الصحيحة. أقل من 100%؟ راجع وأعد المحاولة.

الأسئلة متاحة للاطلاع. سجّل الدخول للتفاعل وحفظ تقدمك.

لمحة عن التحدي3 أسئلة تنتظرك
01

هل يقوم المتصفح بتنفيذ الاكواد الموجودة بداخل ال comment ؟

02

هل يمكننا استخدام ال CSS comments بداخل ال Inline style ؟

03

كيف يمكننا استخدام ال comment في ال CSS ؟