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>My Heading</h2>
<!-- 이段落은 빨간색이 될 것입니다 -->
<p>Hello World!</p>
<p>이 텍스트는 CSS 스타일로 설정되었습니다.</p>
<p>CSS 주석은 출력에 표시되지 않습니다.</p>
</body>
</html>

직접 테스트해 보세요