Soru Eğik çizgi ile CSS'deki yazı tipi boyutu


Slash burada ne anlama geliyor?

font: 100%/120%;

109
2018-03-31 16:00


Menşei


font-size eğik çizgi kabul etmez. Doğru özellik font. - BoltClock♦
Peki ya bunlar? arka plan: "rgba (0, 0, 0, 0) hiçbiri tekrar kaydırma% 0% 0 / otomatik dolgu kutusu kenar kutusu" - jerinho


Cevaplar:


Bu aslında iki özellik belirler ve şunlara eşdeğerdir:

font-size: 100%;
line-height: 120%;

Alıntı yapmak resmi belgeler:

Bu özelliğin sözdizimi, yazı tipleriyle ilgili birden çok özellik belirlemek için geleneksel bir yazım kestirme gösterimine dayanmaktadır.

David M'nin yorumlarda söylediği gibi, yazı tipi boyutlarını belirtme dizgi geleneğini yansıtır.xpt ypt ”, çizgi boyundaki glif boyutunu belirtir.

Ancak sorunuzdaki örnek aslında yanlıştır ve tarayıcı tarafından göz ardı edilir: Bu iki özelliği yalnızca font kısayol notasyonu ve siz şart En azından hem yazı tipi boyutunu hem de ailesini belirtin. Basitçe yazmak font: 100%/120%; bu nedenle yeterli değildir; geçerli hale getirmek için genel bir aile adı ekleyebilirsiniz, örn .:

font: 100%/120% serif;

168
2018-03-31 16:01



Eski dizgi sözdizimini yansıtmak, örneğin "10pt on 12pt" veya "10pt / 12pt" gibi bir yazı tipine sahip olmanız gerekir. - David M
Aslında bunu biraz kullanıyorum. Çalıştığım tasarımcı her zaman, örneğin "22'den fazla" 14 olarak boyutlandırmayı ifade eder. Bir gün kazayla kazandım ve çalıştığı zaman şaşırdım. - Dylan Lukes
Bir quickie: Bu format ayrıca font-ailesinin belirtilmesini gerektirmiyor mu? Tarayıcım bu özelliği göz ardı ediyor: font: 12px / 16px; ama bunu kabul ediyorum: font: 12px / 16px sans-serif; Bu davranış da belgelenmiştir İşte - kumar_harsh
@Harsh Evet, bir aile (bir boyut ile birlikte) için en az gerekli olan font içinde gördüğünüz gibi shorthand özellik resmi tanım. - Konrad Rudolph
açıklama için teşekkürler. Belki de cevabı (veya soruyu) biraz yanıltıcı olduğu için güncel bir okuyucunun sadece SIZE / LINE_HEIGHT bildiriminin işe yarayacağını varsayabilirsin. - kumar_harsh


Konrad bunu aldı, ama çok var CSS kısayolu stil sayfalarınızı kısaltmak için kullanabileceğiniz özellikler. Onlardan haberdar değilseniz, bazıları biraz şifreli görünüyor.


14
2018-03-31 16:06



Çoğu kısa yol, ilgili stil özelliklerini belirtiyor olsa da (ör. border-*). David cevabımdaki yorumlarda iyi bir açıklama yaptı. Kriptik olan kestirme olarak: kesinlikle doğru, ama çok yararlı ve öğrenmesi oldukça kolay. - Konrad Rudolph