BilgisayarlarProgramlama

CSS ayarlar: satır aralığı

CSS olarak, çizgiler arasındaki mesafe ayarlamak çok kolaydır. Bu amaçla özel bir özellik vardır. Ama, tabii ki, evrenseldir ve metne uygulanabilen birçok başka parametreler de vardır.

Hiçbir ayar yapılırsa, varsayılan değerlere ayarlanır. istenirse mesafeyi değiştirebilir. değeri bir yüzde veya piksel olabilir.

satır Yüksekliği

çizgi arasındaki CSS mesafe şu şekilde ile ispat edilebilir.

Yukarıdaki resimde karşılık gelen mesafelerde parametreleri gösterir. Metin alanı font-size içindedir. metin satırı tabanı ve biraz daha yüksek de başlamaz unutmayın. taban elemanları (G, Y, ve benzeri) sahip harfler aşağıda verilen alan.

blok tipi boyutunda arasındaki boşluk aralığı olarak adlandırılır unutmayın. HTML ve CSS ile bu özellik görünmez, ancak diğer grafik ve metin editörleri içindedir. Örneğin, Adobe Photoshop.

"Photoshop" in, sen lider belirtebilirsiniz gösterileri Yukarıdaki rakam. Ve gelecek font-size ayarını belirtildi.

satır yüksekliği kullanılarak örnekleri

CSS olarak, çizgiler arasındaki mesafe yüzde ayarlanabilir. Açıklayıcı bir örnek aşağıda verilmiştir.

Sitenizin kullanıcının küçük değerleri söz konusu olduğunda okumak sakıncalı olacaktır.

mesafenin nasıl değiştirilebileceğini ve yazı tipi boyutu olabilir. Temel parametreler arasındaki fark numaraları büyük farklılık olacaksa, fark artışı lider tarafından tazmin edilir.

tasarımın inceliklerini

çizgiler arasındaki CSS mesafe daha da değişik girintiler özelleştirebilirsiniz. Şekilde örneği ele alalım.

Bu durumda "Unsuru" olarak metni olacaktır. Dolgu - nesnenin girinti - dolgu kenar nesnenin içinde ve. Sınır - Bu çerçeve. O 0 piksel olabilir ve 100 olabilir.

Aşağıdaki görüntü derhal kenar, çerçeve ve bir metin satırının yüksekliğini gösterir.

Eğer tek bir çizgide küçük metin, veya ayrı bir paragrafta her satırı varsa, mesafe girintili paragraflar arasında ayarlanabilir. Yani hiçbir etkisi olmayacaktır bir hücredeki satır aralarında Maring ve dolgu olduğunu. Onlar sadece nesnenin kenarlarında girinti yaratmak. Nesne - Bu tüm paragrafı, bunun içindeki çizgilerin. Kafa karışıklığı değil önemlidir.

durumlarda aynı nesne bulunan hepsi satır, çok sayıda, yazı tipi temel parametrelerini değiştirmek için tavsiye edilir nerede.

CSS çizgiler arasındaki mesafeyi artırmak için nasıl

HTML çizgileri arasındaki mesafe, herhangi bir sınıfa veya metninde tüm paragraflar kayıt olabilirsiniz. p {line-height: Eğer böyle belirtirseniz 20px; } - o zaman kesinlikle sayfadaki tüm paragraflar 20 piksel dizeleri olacaktır. Farklı boyutlarda farklı yerlerde istiyorsanız, aşağıdaki gibi yapılması tavsiye edilir.

Biz stilleri reçete.

.class1 {satır yüksekliği: 20 piksel; }

.class2 {satır yüksekliği: 16px; }

.class3 {satır yüksekliği: 12 pikseldir; }

Eğer bunun işe yaradığını görebilirsiniz Anlaşılır olması için, biz, bir çerçeve ekleyin. Gelecekte, kaldırılması gerekir.

Sonra, bu sınıfları kullanmak. şöyle sonucudur.

Üçüncü durumda, bant metne sürdü unutmayın. Tüm bağlı olmasından yazı tipi boyutu hattının yüksekliğinden daha büyüktür. Nedenle, bu tür çatışmalar değildi sağlamak önemlidir. Eğer küçük bir satır yüksekliği yapıyorsanız, sırasıyla yazı azaltır.

Çok az metin ve çizgiler arasında küçük mesafe yapılması tavsiye edilmez. Kullanıcıların hiçbiri sakince hepsini okumak mümkün olmayacaktır beri. Hızla yorgun gözler. Arama motorları da metin kullanıcı dostu olduğunu söylüyorlar.

Dahası, son yıllarda mobil kullanıcılar için kullanılabilirlik üzerinde güçlü bir vurgu var. There önerileri her zaman yazı tipi boyutu, normal değil, küçük olması gerektiğini söylediler. Özellikle şiddetle başvuru etkiler. Küçük boyutlarına sahip kullanıcı sitesi navigasyon kullanımı zor olacaktır.

arama motoruna "Google" analizinde yardımcı olan özel bir araçtır. Bu yöneticileri için çok uygundur.

Burada olabilecek sonuçların bir örnektir.

Kriterler arama sonuçlarını etkileyebilir çünkü bu ipuçlarını kullanılması önerilir.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 tr.birmiss.com. Theme powered by WordPress.