목차

CSS Comments

  • description : CSS Comments
  • author : 오션
  • email : shlim@repia.com
  • lastupdate : 2021-03-04


Source of the article


CSS 주석은 브라우저에서 보이지 않지만, 소스 코드를 자세히 기록하는 것에 도움이 될 수 있습니다.

CSS 주석 (Comments)

주석은 코드를 설명하기 위해 사용되고, 후일 소스 코드를 편집할 때 도움이 됩니다.

브라우저는 주석을 무시합니다.

CSS 주석은 <style> 요소 내부에 위치하고,로 끝납니다.

예제


/* 한 줄 주석을 입력합니다.*/
p {
  color: red;
}


코드에서 원하는 곳 어디든지 주석을 추가할 수 있습니다.

p {
  color: red;  /* 폰트 컬러를 레드로 설정*/
}


여러 줄의 주석을 작성할 수 있습니다.

/* 이것은
여러 줄
주석입니다 */
p {
  color: red;
}


HTML 주석과 CSS 주석

HTML 주석 : <!-- 주석 내용 입력 -->
css 주석 : /* 주석 내용 입력 */

예제


<!DOCTYPE html>
<html>
<head>
<style>
p {
  color: red; /* 폰트 컬러를 레드로 설정 */
}  
</style>
</head>
<body>
 
<h2>My Heading</h2>
 
<!-- These paragraph 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>
, ,