'property: 0' หรือ 'property: 0px' ใน CSS?

ฉันเคยเห็นสัญกรณ์นี้ใช้กันมากและฉันก็สงสัยว่ามีความแตกต่างที่น่าสังเกตระหว่างสัญลักษณ์ทั้งสองนี้หรือไม่?

element#id
{
  property: 0;
}

และ

element#id
{
  property: 0px;
}

ฉันใช้property: 0px;ตลอดเวลาเพราะฉันพบว่ามันดูสะอาดขึ้น แต่ฉันไม่แน่ใจจริงๆว่าเบราว์เซอร์ตีความ0pxแตกต่างจาก0.

ไม่มีใครรู้ว่าอันไหนดีกว่าหรือถูกต้อง

ตัวระบุหน่วยเป็นทางเลือกแต่ไม่มีการเพิ่มประสิทธิภาพที่ระบุไว้ (แม้ว่าคุณจะบันทึกอักขระสองตัว)

CSS2 -จากข้อกำหนด W3C CSS 2.1 สำหรับไวยากรณ์และชนิดข้อมูลพื้นฐาน :

รูปแบบของค่าความยาว (แสดงโดย <length> ในข้อกำหนดนี้) คือ <number> (มีหรือไม่มีจุดทศนิยม) ตามด้วยตัวระบุหน่วย (เช่น px, em ฯลฯ ) หลังจากความยาวเป็นศูนย์ตัวระบุหน่วยเป็นทางเลือก

(เน้นของฉัน)

CSS3 -จากค่า CSS ของ W3C และโมดูลหน่วยระดับ 3 (ปัจจุบันอยู่ในคำแนะนำของผู้สมัครในขณะที่เขียนนี้)

สำหรับความยาวเป็นศูนย์ตัวระบุหน่วยเป็นทางเลือก (เช่นสามารถแทนค่าทางไวยากรณ์เป็น 0)

แม้ว่าหน่วยจะเป็นทางเลือกเมื่อมีค่า0แต่ฉันมักจะปล่อยไว้เนื่องจากฉันสามารถปรับแต่งค่าด้วยเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ของ Chrome ได้โดยคลิกที่ค่าและกดแป้นลูกศรขึ้น / ลง หากไม่มีหน่วยนั่นเป็นไปไม่ได้จริงๆ

นอกจากนี้ตัวย่อ CSS จะดึงหน่วยออกจาก0ค่าใด ๆ ดังนั้นในท้ายที่สุดมันจะไม่สำคัญ

พวกเขาก็เหมือน ๆ กัน. เบราว์เซอร์แปลว่าทั้งคู่เป็น 0 ดังนั้นเลือกอะไรก็ได้ที่อ่านง่าย

ศูนย์ของทุกสิ่งเป็นศูนย์ 0px= 0%= 0em= 0pt=0

คนส่วนใหญ่ออกจากหน่วยเพราะเป็นเพียงความยุ่งเหยิงที่ไม่จำเป็น

0px = 0em = 0ex = 0% = 0เท่าที่ผมทราบมีความแตกต่างระหว่างพวกเขาไม่ได้เนื่องจาก ขึ้นอยู่กับคุณในฐานะนักพัฒนาที่จะตัดสินใจเลือกสิ่งที่คุณชอบที่สุด (เว้นแต่คุณจะมีมาตรฐานการเข้ารหัสขององค์กรที่คุณต้องปฏิบัติตาม)

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

ศูนย์พิกเซลเท่ากับศูนย์นิ้วและศูนย์เมตรเป็นต้น 0คือทั้งหมดที่คุณต้องการ

ผมเองพบว่าสะอาดกว่า0 0pxนั่นคืออักขระพิเศษสองตัวที่สามารถเพิ่มได้ ทำไมต้องเพิ่มไบต์พิเศษในเมื่อคุณไม่ต้องการ ฉันได้เห็นpadding: 0px 0px 0px 0pxสิ่งที่สามารถแสดงออกได้ง่ายว่าpadding: 0บ่อยเกินไป

คุณสามารถใช้ได้อย่างใดอย่างหนึ่ง - คำแนะนำที่ดีที่สุดของฉันคืออย่ากังวลมากเกินไป แต่ต้องทำอย่างสม่ำเสมอไม่ว่าจะด้วยวิธีใดวิธีหนึ่ง โดยส่วนตัวแล้วฉันชอบที่จะระบุ "0px" ด้วยเหตุผลดังต่อไปนี้:

• การใช้ 0px ทำให้สิ่งต่างๆสอดคล้องกับขนาด "px" อื่น ๆ ทั้งหมดที่คุณระบุไว้
• นอกจากนี้ยังมีรายละเอียดมากกว่าและทำให้ชัดเจนมากว่าคุณกำลังตั้งค่าความยาวเป็นศูนย์แทนที่จะตั้งค่าสถานะ "ปิดสิ่งนี้"
• ง่ายกว่าเล็กน้อยในการปรับแต่งค่า '0px' เพื่อทำให้เป็นค่าอื่นหากจำเป็น

อย่างที่คนอื่น ๆ พูดมันไม่สำคัญหรอกว่ามันจะเป็น 0 หรือไม่แม้ว่าฉันจะเลือกที่จะเพิ่มการวัดให้กับค่าทั้งหมดของฉันดังนั้นใครก็ตามที่ดูไฟล์ CSS ของฉันจะสามารถวัดได้ว่าการวัดใดที่พวกเขาน่าจะจัดการกับที่อื่น

ฉันรู้ว่าไม่ควรมีความแตกต่างระหว่าง0pxและ0แต่ฉันพบว่าบางครั้งก็มีบางครั้งมี

ฉันพยายามจัดวัตถุให้อยู่กึ่งกลางเช่นนี้:

position: absolute;
left: max(0px, calc((100vw - 400px)/2));
max-width: 400px;   

มันทำงานได้ แต่ถ้าคุณแทน0pxกับ0มันไม่ได้