รหัสที่เราเขียนมักจะไม่ได้มาตรฐานเพียงพอ แม้ว่าไซต์นี้จะให้แนวคิดและประสบการณ์มากมายมาก่อน แต่ก็ยังไม่สามารถเปลี่ยนปรากฏการณ์ของรหัสที่ยุ่งเหยิงได้ วันนี้ฉันจะแนะนำเครื่องมืออันทรงพลังสำหรับการจัดระเบียบโค้ด CSS ใหม่ - Styleneat
Styleneat สามารถจัดระเบียบตัวเลือก CSS ตัวเลือกย่อย และคุณสมบัติใหม่ให้เป็นโครงสร้างแบบลำดับชั้น ทำให้โปรแกรมเมอร์สามารถกำหนดพื้นที่หน้าและดูความสัมพันธ์ระหว่างสิ่งเหล่านี้ได้ง่ายขึ้น Styleneat เป็นบริการฟรีที่ช่วยคุณจัดระเบียบคุณสมบัติ CSS ใหม่
สไตล์เรียบร้อย ตัวอย่างเช่น มันจะแปลงโค้ด CSS ต่อไปนี้
ตัวอย่างซอร์สโค้ด
[www.downcodes.com] id1 { ความกว้าง: 100px;
id1 .class1 { พื้นหลัง: #000;
id1 .class1 a { การตกแต่งข้อความ: none;
id1 .class1 ช่วง { เยื้องข้อความ: 10px;
id2 { ความกว้าง: 200px;
จัดระเบียบใหม่เป็น:
ตัวอย่างซอร์สโค้ด
[www.downcodes.com] id1 { ความกว้าง: 100px;
id1 .class1 { พื้นหลัง: #000;
id1 .class1 a { สี: #fff;
id1 .class1 ช่วง { เยื้องข้อความ: 10px;
id2 { ความกว้าง: 200px;
Styleneat มีสามวิธีในการใช้งาน:
ตัวอย่างซอร์สโค้ด
[www.downcodes.com] 1. วางโค้ด CSS โดยตรง
2. อัปโหลดไฟล์ CSS
3. ระบุที่อยู่ URL ของไฟล์ CSS
นอกจากนี้ Styleneat ยังมีตัวเลือกบางอย่าง เช่น ลำดับตัวอักษรตามการเลือก CSS รูปแบบบรรทัดเดียวหรือหลายบรรทัด เป็นต้น Styleneat ยังคงให้ความช่วยเหลือมากมายในการเพิ่มประสิทธิภาพ CSS
http://styleneat.com/ 
