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

이 문서는 읽기 전용입니다. 원본을 볼 수는 있지만 바꿀 수는 없습니다. 문제가 있다고 생각하면 관리자에게 문의하세요.

====== CSS Comments ======
<WRAP left notice 80%>
  * description : CSS Comments
  * author      : 오션
  * email       : shlim@repia.com
  * lastupdate  : 2021-03-04
</WRAP>
<WRAP clear></WRAP>
\\
=====Source of the article==== 
  * [[https://www.w3schools.com/css/css_comments.asp|CSS Comments]]
\\
CSS 주석은 브라우저에서 보이지 않지만, 소스 코드를 자세히 기록하는 것에 도움이 될 수 있습니다.\\
\\
=====CSS 주석 (Comments)=====
주석은 코드를 설명하기 위해 사용되고, 후일 소스 코드를 편집할 때 도움이 됩니다.\\
\\
브라우저는 주석을 무시합니다.\\
\\
CSS 주석은 <style> 요소 내부에 위치하고, /*로 시작하고, */로 끝납니다.\\
\\
====예제====
\\
<code css>
/* 한 줄 주석을 입력합니다.*/
p {
  color: red;
}
</code>
\\
코드에서 원하는 곳 어디든지 주석을 추가할 수 있습니다.\\
<code css>
p {
  color: red;  /* 폰트 컬러를 레드로 설정*/
}  
</code>
\\
여러 줄의 주석을 작성할 수 있습니다.\\
<code css>
/* 이것은
여러 줄
주석입니다 */
p {
  color: red;
}
</code>
\\
=====HTML 주석과 CSS 주석=====
HTML 주석 : %%<!-- 주석 내용 입력 -->%%\\
css  주석 : %%/* 주석 내용 입력 */%%\\
\\
====예제====
\\
<code html>
<!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>
</code>






{{tag>오션 CSS Comments}}

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

사용자 도구

사이트 도구

문서 도구