Комментарии CSS
Комментарии CSS не отображаются в браузере, но они могут помочь задокументировать ваш исходный код.
Комментарии CSS
Комментарии используются для объяснения кода и могут помочь при редактировании исходного кода позже.
Комментарии игнорируются браузерами.
A CSS comment is placed inside the <style>
element, and starts with /*
and ends with */
:
Пример
/* This is a single-line comment */
p {
color: red;
}
Вы можете добавлять комментарии в коде, где захотите:
Пример
p {
color: red; /* Set text color to red */
}
Даже в середине кодовой строки:
Пример
Комментарии также могут охватывати несколько строк:
Пример
/* This is
a multi-line
comment */
Комментарии HTML и CSS
Из учебника по HTML вы узнали, что вы можете добавлять комментарии к источнику HTML, используя синтаксис <!--...-->
.
В следующем примере мы используем комбинацию комментариев HTML и CSS:
<!DOCTYPE html>
<html>
<head>
<style>
p {
color: red; /* Set text color to red */
}
</style>
</head>
<body>
<!-- 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>