CSS 주석(CSS Comments)

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>


<p>Hello World!</p>
<p>This paragraph is styled with CSS.</p>
<p>CSS comments are not shown in the output.</p>

</body>
</html>

지금까지 CSS 주석에 대하여 살펴보았다.

간략하지만 꼭 실습하면 쭈~~욱 실력이 향상됩니다.

모두 화이팅입니다.!!!

출처 : 이 글의 출처는 w3schools사이트를 참고하였으며 필자가 추가하여 정리한 글입니다.

저작자표시 비영리 변경금지

'HTML > CSS문법' 카테고리의 다른 글

CSS RGB색상(CSS RGB Colors) (0)	2023.07.03
CSS 색상(CSS Colors) (0)	2023.07.02
CSS 추가하는 방법 (0)	2023.06.30
CSS 선택기(selector) (0)	2023.06.29
CSS Syntax(CSS 구문) (0)	2023.06.28