จัดรูปแบบ CSS

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

CSS ที่อ่านได้ง่ายกว่าในการสแกน ตรวจสอบ และแก้ไขข้อบกพร่อง: เมื่อแต่ละกฎและการประกาศมีการเยื้องเข้ากัน คุณจะเห็นตัวเลือก การซ้อน และรูปร่างของข้อความค้นหาสื่อของคุณได้อย่างรวดเร็ว

การลดขนาดมีไว้สำหรับการผลิต โดยจะลบช่องว่างและความคิดเห็นที่เบราว์เซอร์ไม่ต้องการออก เพื่อให้ดาวน์โหลดไฟล์ได้เร็วขึ้น ในสไตล์ชีตขนาดใหญ่ การบันทึกจะเพิ่มขึ้น โดยเฉพาะก่อนการบีบอัด gzip บนเซิร์ฟเวอร์

ตัวย่อจะระมัดระวังในส่วนที่สำคัญ โดยจะรักษาช่องว่างรอบๆ บวกและลบไว้ใน calc() ดังนั้น calc(100% - 30px) จึงยังคงใช้ได้ และจะตัดเฉพาะช่องว่างรอบๆ อักขระโครงสร้าง เช่น วงเล็บปีกกา ทวิภาค และอัฒภาค นอกจากนี้ยังจัดการคำสั่งสื่อที่ซ้อนกันได้อย่างถูกต้อง

ความคิดเห็นเกี่ยวกับลิขสิทธิ์ที่เขียนใน /*! ... */ แบบฟอร์มจะถูกเก็บรักษาไว้ ซึ่งเป็นแบบแผนมาตรฐานสำหรับการเก็บประกาศเกี่ยวกับลิขสิทธิ์และใบอนุญาตไว้ในเอาต์พุตแบบย่อ แม้ว่าความคิดเห็นทั่วไปจะถูกลบออกก็ตาม

ทั้งการตกแต่งและย่อขนาดจะทำงานทั้งหมดในเบราว์เซอร์ของคุณ ดังนั้นสไตล์ชีตของคุณจะไม่มีวันหลุดออกจากอุปกรณ์ของคุณ รูปแบบเครื่องมือสำหรับการอ่านและขนาด ไม่ได้ตรวจสอบว่า CSS ของคุณถูกต้อง