CSS에서 주석을 사용하는 방법.
CSS 스타일시트 내에 주석을 작성하여 자신이나 팀원을 위해 코드를 간략하게 문서화(설명)합니다.
CSS에서 주석을 작성하려면 다음 구문/형식을 사용합니다.
/* This is a CSS comment */
/* */
형식은 유일한입니다. CSS에서 주석을 작성하는 방법이므로 한 줄 및 여러 줄 주석 모두에 사용됩니다.
/*
This is a
multi-line
CSS comment.
Also known as a block comment.
*/
주석 구문을 사용하여 주석 처리하는 몇 가지 예 규칙 세트 내의 CSS 코드:
.box {
background-color: #000;
padding: 1.5rem;
/* border-radius: 4px; */
}
.box {
background-color: #000;
padding: 1.5rem; /*
border-radius: 4px;
box-shadow: 5px 10px #888888;
*/
}
실제로 주석은 코드를 문서화하고 때때로 주석 처리하는 데 사용됩니다. (비활성화) 테스트하는 동안 특정 스타일 선언.
CSS 주석과 JavaScript 주석을 혼동하지 마십시오. 자바스크립트에서 /* */
(CSS와 동일한 형식)은 여러 줄에 사용되는 반면 한 줄 주석은 이중 슬래시 //
를 사용합니다. .
- 한 줄 주석은 인라인이라고도 합니다. 코멘트.
- 여러 줄 주석은 차단이라고도 합니다. 댓글.
//
를 사용하는 프로젝트를 본 적이 있을 것입니다. CSS 코드의 한 줄 주석용. 조금 더 자세히 보면 Sass/SCSS 또는 Less와 같은 CSS 전처리기를 사용하고 있음을 알 수 있습니다. JavaScript와 마찬가지로 한 줄 주석을 허용합니다. 바닐라 (일반) CSS, 불행히도 /* */
만 있습니다.
CSS 코드에 주석을 작성해야 합니까?
HTML 자습서에 주석을 추가하는 방법에서 설명했듯이 개발자는 이 주제에 대해 동의하지 않습니다. 어떤 사람들은 코드가 명시적이고 자명해야 한다고 생각합니다.
저에게 있어 주제는 흑백이 아닙니다. 모든 의견이 평등하게 쓰여지는 것은 아닙니다. 최신 소설의 초안을 작성하는 데 CSS 스타일시트를 사용해서는 안 됩니다. 하지만 작고 간결한 주석은 팀의 초보자나 신규 사용자가 코드에서 진행 중인 작업을 이해하는 데 도움이 되는 차이를 만들 수 있습니다.
명시적인 암시적 이상 어떤 날이든.
귀하의 댓글이 너무 많은 공간을 차지하고 페이지 로드를 해치는 것에 대해 걱정하지 마십시오. 일반적으로 주석 또는 텍스트는 성능/페이지 로딩 속도를 향상시킬 때 마지막으로 걱정해야 할 사항입니다. 그 외에도 후처리 과정에서 댓글을 삭제할 수 있는 도구가 있습니다.