CSS kommentit

CSS kommentit

Kurssivinkki:

Kommentit käytetään koodin selittämiseen ja voivat olla hyödyllisiä, kun muokkaat lähdekoodia myöhemmin.

selaaja jättää kommentit huomiotta. <style> elementin sisällä olevat CSS-kommentit, jotka sijaitsevat /* Aloitetaan */ Päättymispiste:

Esimerkki

/* Tämä on yhden rivin kommentti */
p {
  color: red;
}

Kokeile itse

Voit lisätä kommentteja koodin missä tahansa kohdassa:

Esimerkki

p {
  color: red;  /* Tekstiä viedään punaiseksi */
}

Kokeile itse

kommentti voi kattaa useita rivejä:

Esimerkki

/* Tämä on
monirivinen kommentti
kommentti */ 
p {
  color: red;
}

Kokeile itse

HTML ja CSS kommentit

Opas HTML: oppia, että voit käyttää <!--...--> Lisää kommentteja HTML-lähdekoodiin.

Alla olevassa esimerkissä yhdistämme HTML- ja CSS-kommentteja:

Esimerkki

<!DOCTYPE html>
<html>
<head>
<style>
p {
  color: red; /* Aseta tekstin väri punaiseksi */
} 
</style>
</head>
<body>
<h2>My Heading</h2>
<!-- Nämä kappaleet ovat punaisia -->
<p>Hello World!</p>
<p>Tämä teksti on CSS-tyylitelty.</p>
<p>CSS-kommentit eivät näy tulosteessa.</p>
</body>
</html>

Kokeile itse