CSS- комментарии
Комментарии CSS не отображаются в браузере, но они могут помочь документировать исходный код.
CSS-комментарии
Комментарии используются для объяснения кода и могут помочь при редактировании исходного кода позднее.
Комментарии игнорируются браузерами.
Комментарий CSS помещается внутри <style>
элемента и начинается /*
и заканчивается на */
:
Пример
/* This is a single-line comment */
p
{
color: red;
}
Вы можете добавлять комментарии в любом месте кода:
Пример
p
{
color: red;
/* Set text color to red */
}
Комментарии также могут занимать несколько строк:
Пример
/* 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>