Arka plan rengi kırmızı olan <div> Hello Friends </div> gibi bir metnim varsa, bu kırmızı alanın piksel cinsinden yüksekliği nedir?HTML'deki metnin varsayılan piksel boyutu nedir?
CSS için belirli hesaplamaları yapmak için bilmek istiyorum.
Şimdiden teşekkürler.
Geliştiricinin konsolunu Chrome'da denediniz mi? (Windows'ta F12, OSX'de cmd + alt + i). Herhangi bir öğenin üzerinde ve "Boyutları" olan şemalara sahip olduğunuz tüm bilgilerin altında "Teftiş" i kolayca sağ tıklayıp seçin. İşte :
Not Satır içi öğelerle ilgili farklı yükseklikler vardır: satır içi kutunun yüksekliği, satır kutusunun yüksekliği ve satır içi kutusunun içerik alanının yüksekliği. Devtoollerdeki yüksekliğin ne anlama geldiğinden emin değil. – Oriol
Metni yazmak için kullandığınız etiket öğesine bağlıdır.
Bazı etiketleri ve varsayılan tarayıcı piksel ölçümleri:
p etiketi - 16px
h1 etiketi - 32px
h2 etiketi - seni varsayarsak 24px
Eğer
anlamına
span { background: red; }<span>Hello Friends</span>ve kırmızı dikdörtgenin yüksekliğini bilmek istersiniz.
CSS2.1 göre, bağımlı uygulama görebilirsiniz: içerik alanının yüksekliği yazı dayanmalıdır
, ancak bu şartname nasıl belirtmez. Bir UA örneğin, em-kutusunu veya yazı tipinin maksimum yükselticisini ve descenderını kullanabilir. (İkincisi, , em-kutusunun üstündeki veya altındaki bölümleri olan gliflerin, içerik alanında hala olduğunu, ancak farklı yazı tipi için farklı boyuttaki kutulara ulaştığından emin olur, ilk yazarlara göre arka plan stilini kontrol edebilir satır yüksekliği ', ancak içerik alanlarının dışına glifleri yol açar.)
yükseklik yazı büyüklüğüne bağlıdır. –