CSS Comments

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

Source of the article

CSS Comments

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>

오션, CSS, Comments

문제를 잘 정의하는 것은 문제를 절반 해결한 것이다. - 2023.12

목차

CSS Comments

Source of the article

CSS 주석 (Comments)

예제

HTML 주석과 CSS 주석

예제

문제를 잘 정의하는 것은 문제를 절반 해결한 것이다. - 2023.12

사용자 도구

사이트 도구

목차

CSS Comments

Source of the article

CSS 주석 (Comments)

예제

HTML 주석과 CSS 주석

예제

문서 도구