Comentários CSS

Comentários CSS

Os comentários são usados para explicar o código e podem ser úteis quando você editar o código-fonte mais tarde.

o navegador ignora os comentários.

localizado <style> comentários CSS dentro de elementos, com /* começa com: */ termina com:

Exemplo

/* Isso é um comentário de linha única */
p {
  color: red;
}

Experimente você mesmo

Você pode adicionar comentários em qualquer lugar do código:

Exemplo

p {
  color: red;  /* Define o texto como vermelho */
}

Experimente você mesmo

os comentários podem cruzar várias linhas:

Exemplo

/* Isso é
um comentário multilinha
comentários */ 
p {
  color: red;
}

Experimente você mesmo

HTML e CSS comentários

Do HTML tutorial, você aprende que pode usar <!--...--> A sintaxe adiciona comentários no código-fonte HTML.

Neste exemplo, combinamos HTML e CSS comentários:

Exemplo

<!DOCTYPE html>
<html>
<head>
<style>
p {
  color: red; /* Define a cor do texto como vermelha */
} 
</style>
</head>
<body>
<h2>Meu Título</h2>
<!-- Esses parágrafos serão vermelhos -->
<p>Hello World!</p>
<p>Este texto é estilizado com CSS.</p>
<p>Os comentários CSS não serão exibidos no output.</p>
</body>
</html>

Experimente você mesmo