لا يتم عرض تعليقات CSS في المتصفح، لكنها يمكن أن تساعد في توثيق شفرة المصدر الخاصة بك.
استخدامات التعليقات:
- تستخدم لشرح الكود، وقد تساعدك عند تعديل الكود لاحقًا.
- يتم تجاهلها من قبل المتصفحات، فلا تؤثر على عرض الصفحة.
كيفية كتابة التعليقات:
- توضع تعليقات CSS داخل عنصر
<style>. - تبدأ بـ
/*وتنتهي بـ*/.
مثال:
CSS
/* This is a single-line comment */
p {
color: red;
}
يمكنك إضافة التعليقات في أي مكان تريده في الكود:
مثال:
p {
color: red; /* Set text color to red */
}
يمكنك حتى وضع التعليقات في وسط سطر من الكود:
مثال:
p {
color: /*red*/blue;
}
يمكن أن تمتد التعليقات أيضًا على عدة أسطر:
مثال:
/* This is
a multi-line
comment */
p {
color: red;
}
تعليقات HTML و CSS
كما تعلمت من درس HTML، يمكنك إضافة تعليقات إلى مصدر HTML الخاص بك باستخدام النحو “. في المثال التالي، نستخدم مجموعة من تعليقات HTML و CSS:
<!DOCTYPE html>
<html>
<head>
<style>
p {
color: red; /* Set text color to red */
}
</style>
</head>
<body>
<h2>My Heading</h2>
<!-- These paragraphs will be red -->
<p>Hello World!</p>
<p>This paragraph is styled with CSS.</p>
<p>CSS comments are not shown in the output.</p>
</body>
</html>
