Комментарии CSS

Комментарии CSS

Комментарии используются для的解释 кода и могут быть полезны при редактировании исходного кода в будущем.

браузер пропускает комментарии.

находится <style> CSS комментарии в элементе, с /* начинается */ заканчивается

Пример

/* Это одинстрочный комментарий */
p {
  color: red;
}

Попробуйте сами

Вы можете добавить комментарии в любом месте кода:

Пример

p {
  color: red;  /* Установить текст в красный цвет */
}

Попробуйте сами

комментарии могут продолжаться на несколько строк:

Пример

/* Это
многострочный
комментарии */ 
p {
  color: red;
}

Попробуйте сами

HTML и CSS комментарии

Из HTML-курса вы узнаете, что можно использовать <!--...--> Синтаксис комментариев добавляется в исходный код HTML.

В следующем примере мы используем как HTML, так и CSS комментарии:

Пример

<!DOCTYPE html>
<html>
<head>
<style>
p {
  color: red; /* Установить цвет текста в красный */
} 
</style>
</head>
<body>
<h2>Моя заголовок</h2>
<!-- Эти абзацы будут красными -->
<p>Hello World!</p>
<p>Этот текст стилизован с помощью CSS.</p>
<p>Комментарии CSS не будут отображаться в выводе.</p>
</body>
</html>

Попробуйте сами