Σχόλια CSS

Σχόλια CSS

Comments are used to explain the code and may be helpful when you edit the source code later.

The browser will ignore comments.

located <style> CSS comments within the element, with /* Start, with */ End:

Παράδειγμα

/* This is a single line comment */
p {
  color: red;
}

Προσπάθησε να το δοκιμάσεις!

You can add comments at any position in the code:

Παράδειγμα

p {
  color: red;  /* To set the text to red */
}

Προσπάθησε να το δοκιμάσεις!

comments can span multiple lines:

Παράδειγμα

/* This is
a multiline
comments */ 
p {
  color: red;
}

Προσπάθησε να το δοκιμάσεις!

HTML και CSS comments

Από το μάθημα HTML, μαθαίνετε ότι μπορείτε να χρησιμοποιήσετε <!--...--> Η γραμματική προσθέτει σχόλια στον κώδικα HTML.

Στο παρακάτω παράδειγμα, συνδυάζουμε τη χρήση HTML και CSS σχολίων:

Παράδειγμα

<!DOCTYPE html>
<html>
<head>
<style>
p {
  color: red; /* Αλλάξε τον χρώμα του κειμένου σε κόκκινο */
} 
</style>
</head>
<body>
<h2>My Heading</h2>
<!-- Αυτά τα κεφάλαια θα είναι κόκκινα -->
<p>Hello World!</p>
<p>Αυτό το κείμενο έχει ύφος CSS.</p>
<p>Οι σχόλια CSS δεν θα εμφανιστούν στην έξοδο.</p>
</body>
</html>

Προσπάθησε να το δοκιμάσεις!