วิธีแสดงความคิดเห็นโค้ด 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 ใน JavaScript /* */ (รูปแบบเดียวกับ CSS) ใช้สำหรับหลายบรรทัด ในขณะที่ความคิดเห็นบรรทัดเดียวใช้เครื่องหมายทับคู่ // .

ความคิดเห็นบรรทัดเดียวเรียกอีกอย่างว่า ในบรรทัด ความคิดเห็น
ความคิดเห็นแบบหลายบรรทัดจะเรียกว่า บล็อก ความคิดเห็น

คุณอาจเคยเห็นบางโครงการที่พวกเขากำลังใช้ // สำหรับความคิดเห็นบรรทัดเดียวในโค้ด CSS หากคุณมองใกล้ขึ้นอีกนิด คุณจะเห็นว่าพวกเขากำลังใช้ CSS Preprocessor เช่น Sass/SCSS หรือ Less ซึ่งอนุญาตให้แสดงความคิดเห็นแบบบรรทัดเดียวได้ เช่นเดียวกับ JavaScript ใน วานิลลา (ธรรมดา) CSS น่าเสียดายที่เรามีเพียง /* */

คุณควรเขียนความคิดเห็นในโค้ด CSS ของคุณหรือไม่

เช่นเดียวกับที่ฉันอธิบายในวิธีการแสดงความคิดเห็นเกี่ยวกับการสอน HTML นักพัฒนาไม่เห็นด้วยกับหัวข้อนี้ บางคนเชื่อว่าโค้ดของคุณควรมีความชัดเจนและเข้าใจง่าย

สำหรับฉันหัวข้อไม่ใช่ขาวดำ ความคิดเห็นทั้งหมดเขียนไม่เท่ากัน คุณไม่ควรใช้สไตล์ชีต CSS เพื่อร่างนวนิยายล่าสุดของคุณ แต่ความคิดเห็นสั้นๆ ที่กระชับสามารถสร้างโลกแห่งความแตกต่างเพื่อช่วยให้ผู้เริ่มต้นหรือผู้ที่มาใหม่ในทีมเข้าใจว่าเกิดอะไรขึ้นในโค้ดของคุณ

ฉันจะ โจ่งแจ้ง มากกว่า โดยนัย วันไหนก็ได้

อย่ากังวลว่าความคิดเห็นของคุณจะใช้พื้นที่มากเกินไปและทำให้การโหลดหน้าเว็บของคุณเสียหาย โดยทั่วไปความคิดเห็นหรือข้อความเป็นสิ่งสุดท้ายที่คุณควรกังวลเมื่อต้องปรับปรุงประสิทธิภาพ/ความเร็วในการโหลดหน้าเว็บ นอกจากนี้ยังมีเครื่องมือที่สามารถลบความคิดเห็นระหว่างการประมวลผลภายหลังได้