Saya telah melihat notasi ini banyak digunakan, dan saya bertanya-tanya, apakah ada perbedaan mencolok antara kedua notasi ini?
element#id
{
property: 0;
}
dan
element#id
{
property: 0px;
}
Saya menggunakan property: 0px;
sepanjang waktu, karena menurut saya tampilannya lebih bersih, tetapi saya tidak begitu yakin apakah penafsiran browser 0px
berbeda dari 0
.
Adakah yang tahu mana yang lebih baik atau benar?
css
properties
zero
Blender
sumber
sumber
Jawaban:
Pengidentifikasi Unit yang opsional , tetapi tidak ada peningkatan kinerja kondang (meskipun Anda sedang menabung dua karakter).
CSS2 - Dari W3C CSS 2.1 Spesifikasi Sintaks dan tipe data dasar :
(Penekanan saya)
CSS3 - Dari Nilai dan Unit CSS W3C Modul Level 3 (Saat ini dalam Rekomendasi Kandidat pada saat penulisan ini)
sumber
Sementara unit adalah opsional ketika nilainya
0
, saya cenderung membiarkannya, karena saya kemudian dapat mengubah nilainya dengan Alat Pengembang Chrome dengan mengklik nilai dan menekan tombol panah atas / bawah. Tanpa unit, itu tidak mungkin.Juga, CSS minifier menghapus unit dari
0
nilai, jadi itu tidak akan menjadi masalah pada akhirnya.sumber
Mereka sama. Browser menafsirkan keduanya sebagai 0, jadi gunakan apa pun yang lebih mudah dibaca untuk Anda.
sumber
border: 3 solid
, karena tidak ada unit, tetapi apakah ada standar web yang nol?Nol dari apapun adalah nol.
0px
=0%
=0em
=0pt
=0
Kebanyakan orang membiarkan unit mati karena itu hanya kekacauan yang tidak perlu.
sumber
0
bukan merupakan alternatif yang valid untuk0s
/0ms
Sejauh yang saya tahu tidak ada perbedaan di antara mereka, sejak itu
0px = 0em = 0ex = 0% = 0
. Terserah Anda, sebagai pengembang, untuk memutuskan apa yang paling Anda sukai (kecuali Anda memiliki standar pengkodean perusahaan yang perlu Anda ikuti, tentu saja).Dari sebagian besar contoh kode yang pernah saya lihat, kebanyakan orang menggunakan versi tanpa unit. Bagi saya, itu terlihat lebih bersih. Jika Anda mendorong sejumlah besar data (katakanlah, jika Anda Google), kedua byte tersebut dapat menambah banyak bandwidth, terutama karena Anda kemungkinan besar akan mengulanginya beberapa kali di stylesheet Anda.
sumber
Nol piksel sama dengan nol inci dan nol meter dan lain sebagainya.
0
adalah semua yang Anda butuhkan.sumber
Saya pribadi menemukan
0
lebih bersih dari0px
. Itu dua karakter tambahan yang bisa bertambah. Mengapa menambahkan byte ekstra saat Anda tidak perlu. Saya telah melihatpadding: 0px 0px 0px 0px
mana yang dapat dengan mudah diungkapkanpadding: 0
terlalu sering.sumber
Anda dapat menggunakan salah satunya - saran terbaik saya adalah jangan terlalu khawatir tetapi konsisten dalam melakukannya dengan satu atau lain cara. Saya pribadi lebih suka menentukan '0px' karena alasan berikut:
sumber
Seperti yang dikatakan orang lain, tidak masalah jika itu 0, meskipun saya memilih untuk menambahkan pengukuran ke semua nilai saya sehingga orang lain yang melihat file CSS saya dapat mengukur pengukuran apa yang kemungkinan besar akan mereka tangani di tempat lain.
sumber
Saya tahu bahwa seharusnya tidak ada perbedaan antara
0px
dan0
tetapi saya telah menemukan bahwa terkadang ada .Saya mencoba memusatkan objek seperti ini:
position: absolute; left: max(0px, calc((100vw - 400px)/2)); max-width: 400px;
Itu berhasil tetapi jika Anda menggantinya
0px
dengan0
itu tidak.sumber