March 22, 2024

Комментарии 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 */ }

Даже в середине кодовой строки:

Пример

p { color: /*red*/blue; }

Комментарии также могут охватывати несколько строк:

Пример

/* 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>