Utilore

จัดรูปแบบ CSS

วางสไตล์ชีตลงไป แม้จะมาเป็นบรรทัดเดียวยาว ๆ ก็กลับมาอ่านได้อีกครั้ง แต่ละดีคลาเรชันจะได้บรรทัดของตัวเอง บล็อกที่ซ้อนกันจะได้ย่อหน้าของมัน และคอมเมนต์ยังอยู่ตรงที่ควรอยู่

โค้ดไม่ออกจากหน้านี้ การจัดรูปแบบทำในเบราว์เซอร์ของคุณ

วิธีใช้

  1. วาง CSS ลงในกล่องแรก
  2. เลือกระยะย่อหน้า สองช่องว่าง สี่ช่องว่าง หรือแท็บ
  3. คัดลอกผลลัพธ์ หรือกด «ย่อขนาด» เพื่อบีบกลับให้เล็กอีกครั้ง

สิ่งที่ควรรู้

ทำไมตัวจัดรูปแบบแบบง่ายจึงทำสไตล์ชีตพัง

การตัดที่อัฒภาคและวงเล็บปีกกาทุกตัวดูเหมือนจะใช้ได้ จนกว่าไฟล์จะมี content: "a;b" หรือ data URI ที่มี SVG อยู่ข้างใน ทั้งสองอย่างนี้เป็นเรื่องปกติของ CSS ที่ใช้งานจริง ตัวจัดรูปแบบนี้อ่านไฟล์ทีละอักขระ สตริงในเครื่องหมายคำพูดและคอมเมนต์จึงถูกยกไปทั้งก้อน แทนที่จะถูกหั่นที่เครื่องหมายวรรคตอนตัวแรก

การซ้อนชั้นที่ช่วยได้จริง

มีเดียคิวรี บล็อก supports และกฎซ้อนแบบใหม่ ต่างเพิ่มความลึกอย่างละหนึ่งชั้น และย่อหน้าก็ขยับตาม บรรทัดว่างหนึ่งบรรทัดคั่นกฎระดับบนสุด สไตล์ชีตสองพันบรรทัดจึงอ่านเป็นรายการของบล็อก ไม่ใช่กำแพงตัวอักษร

คำถามที่พบบ่อย

คอมเมนต์ของฉันยังอยู่ไหม

ยังอยู่ คอมเมนต์ที่อยู่ลำพังจะได้บรรทัดของตัวเอง ส่วนคอมเมนต์ที่ตามหลังดีคลาเรชันจะอยู่ติดกับดีคลาเรชันนั้น

เครื่องมือนี้แก้ CSS ของฉันไหม

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

โค้ดของฉันถูกส่งไปเซิร์ฟเวอร์ไหม

ไม่ ทุกอย่างทำงานในเบราว์เซอร์ของคุณ สไตล์ชีตของโครงการที่อยู่ภายใต้ข้อตกลงไม่เปิดเผยข้อมูลจึงอยู่ในเครื่องคุณ

แล้ว SCSS หรือ LESS ล่ะ

กฎซ้อนและคอมเมนต์จัดรูปแบบได้ดี ส่วนตัวแปร มิกซ์อิน และไดเรกทิฟควบคุมจะผ่านออกไปโดยไม่ถูกแก้ แทนที่จะถูกตีความ

เครื่องมือที่เกี่ยวข้อง