Computer >> 컴퓨터 >  >> 프로그램 작성 >> CSS

CSS 코드를 주석 처리하는 방법

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 스타일시트를 사용해서는 안 됩니다. 하지만 작고 간결한 주석은 팀의 초보자나 신규 사용자가 코드에서 진행 중인 작업을 이해하는 데 도움이 되는 차이를 만들 수 있습니다.

명시적인 암시적 이상 어떤 날이든.

귀하의 댓글이 너무 많은 공간을 차지하고 페이지 로드를 해치는 것에 대해 걱정하지 마십시오. 일반적으로 주석 또는 텍스트는 성능/페이지 로딩 속도를 향상시킬 때 마지막으로 걱정해야 할 사항입니다. 그 외에도 후처리 과정에서 댓글을 삭제할 수 있는 도구가 있습니다.