CSS 스타일시트 or <style> 태그 내에서 주석 처리하기 /*주석*/

CSS 스타일시트 혹은 html 문서 내에서 <style> 태그를 관리하다가 추가 설명을 하고 싶을 때에 주석(comment)을 넣을 수 있다. /* 로 시작하고 */로 끝나는데, 나는 보통 적용 위치를 표시하거나 잠시 사용하지 않는 css 코드를 숨겨둘 때에 유용하게 활용하고 있다.

 

/* 한 줄 주석 내용을 입력 */
.class {display:inline-block;background-color:#fff;}
.class img {margin-top:100px;}

/*
주석이 여러줄인 경우에도 
동일한 방법으로 사용 가능
*/

 

한 줄에도, 여러 줄에도 모두 적용이 가능하다.

 

<style>

/* CSS 주석 내용을 입력 */
p {color:blue;text-align:center;}

/* 코드를 숨기는 것도 가능 */
/* .class img {margin-top:100px;} */

</style>

 

[TIP] html 주석과 마찬가지로 css 주석도 중첩 사용은 불가능하다. /* 이후의 첫번째 */가 주석을 끝내는 것으로 인식한다.