CSSdeki ayarlar: satırlar arasındaki uzaklık



CSSdeki ayarlar: satırlar arasındaki uzaklık

13.05.2019

CSSdeki ayarlar: satırlar arasındaki uzaklık 48

CSS'deki ayarlar: satırlar arasındaki uzaklık

CSS'de, çizgiler arasındaki mesafe ayarlamak çok kolaydır. Bunun için özel bir özellik var. Ancak, elbette, evrensel olan birçok başka parametre de vardır ve bunlar metne uygulanabilir.

Hiçbir ayar yapılmazsa, varsayılan değerler ayarlanır. İsterseniz, bu mesafeyi değiştirebilirsiniz. Değer, yüzde veya piksel cinsinden olabilir.

Satır Yüksekliği

CSS'de, satırlar arasındaki mesafe aşağıdaki şekilde gösterilebilir.

css satır aralığı

Yukarıdaki görüntü,karşılık gelen mesafeler. Metin yazı tipi büyüklüğünde bulunur. Metin satırının zeminde başlamadığını, ancak biraz daha yüksek olduğunu unutmayın. Aşağıdaki alan, aşağıdan öğelere sahip harfler için sağlanmıştır (g, y vb.).

Bloklar arasındaki boşluğa dikkat edinYazı tipi boyutu önde gelen denir. HTML ve CSS'de bu özellik hiçbir şekilde görünmez, ancak diğer grafik ve metin editörlerinde bulunur. Örneğin, Adobe Photoshop'ta.

Photoshop'ta lider

Yukarıdaki şekil, Photoshop'ta baştaki yerini belirtebileceğinizi gösterir. Bir sayı font boyutu parametresini gösterir.

Photoshop'ta yazı tipi boyutu

Hat yüksekliğini kullanma örnekleri

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

html satırları arasındaki mesafe

Küçük bir değer olması durumunda, sitenizin kullanıcısı okumaktan rahatsız olacaktır.

Mesafe değiştirilebilir ve yazı tipi boyutu. Ana parametreler arasındaki fark rakamlarda çok farklıysa, bu fark liderde bir artışla telafi edilir.

Tasarımın inceliği

CSS'de, çizgiler arasındaki mesafe ek olarak çeşitli girintilerle ayarlanabilir. Şekildeki örneği ele alalım.

Satırları css arasındaki mesafeyi artırın

"Eleman" alanında, bizim durumumuzda metin olacak. Dolgu, nesnenin içindeki bir girintidir ve kenar boşluğu nesnenin girintisidir. Sınır bir çerçevedir. 0 piksel ve belki 100 olabilir.

Aşağıdaki görüntü, metin satırının tüm girintilerini, çerçevesini ve yüksekliğini bir kerede gösterir.

CSS'deki çizgiler arasındaki mesafeyi şekillendirme

Küçük bir metniniz varsa, hepsi bir satırda,veya her bir satır ayrı bir paragrafta, sonra bu paragraflar arasında girinti yaparak mesafe ayarlanabilir. Yani, bir elementteki çizgiler arasında marin ve dolgu yoktur. Sadece nesnenin kenarlarını girerler. Bir nesne, içindeki bir satır değil, tam bir paragraftır. Burada kafa karıştırmamak önemlidir.

Birçok satırın olduğu ve tüm bunların bir nesnede bulunduğu durumlarda, yazı tipinin ana parametrelerle değiştirilmesi önerilir.

CSS çizgileri arasındaki mesafe nasıl artırılır

HTML satırları arasındaki mesafe ayarlanabilirmetindeki tüm sınıflara veya tüm paragraflara. Bunu belirtirseniz: p {line-height: 20px; }, sonra kesinlikle sayfadaki tüm paragraflar 20 pikselli çizgilerle olacaktır. Farklı yerlerde farklı boyutlara ihtiyacınız varsa, aşağıdaki gibi yapılması önerilir.

Stilleri yazınız.

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

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

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

Netlik için bir çerçeve ekleyin, böylece çalıştığını görebilirsiniz. Gelecekte, kaldırılmalıdır.

Daha sonra bu sınıfları uygulayın. Sonuç şu şekildedir.

çizgiler arasındaki mesafeyi değiştirme örnekleri

Üçüncü durumda, bantmetnin üzerinde koştu. Çünkü yazı tipi boyutu satır yüksekliğinden daha büyük. Bu nedenle, böyle çelişkilerin olmamasını sağlamak önemlidir. Küçük bir çizgi yüksekliği yaparsanız, yazı tipini buna göre azaltın.

Çok az metin yapmamanız veçizgiler arasındaki küçük mesafe. Hiçbir kullanıcı tüm bunları sakince okuyamaz. Gözleri çabucak yorulur. Arama motorları da metnin kullanıcı dostu olduğunu söylüyor.

Üstelik son zamanlarda büyük bir vurgu var.Mobil kullanıcılar için kolaylık. Orada, öneriler her zaman yazı tipi boyutunun küçük, normal olması gerektiğini söylemektedir. Bu, özellikle güçlü bağlantıları etkiler. Küçük boyutları ile, kullanıcı sitede gezinmeyi kullanmada zorluk çekecektir.

Google arama motoru, bu analizde yardımcı olan özel bir araca sahiptir. Web yöneticileri için çok uygun.

İşte olabilecek sonuçların bir örneği.

Kullanıcılar için css kullanılabilirliğini kontrol etme

Bu kriterler arama sonucunu etkilediği için ipuçlarını kullanmanız önerilir.

CSSdeki ayarlar: satırlar arasındaki uzaklık



CSSdeki ayarlar: satırlar arasındaki uzaklık

Related news

  • Vergi sisteminin inşasının esasları ve ekonomik sistemdeki gelişimi
  • Kırımda mahkeme 9 Ukraynalı denizci için daha tutuklama kararı verdi
  • Fırında Mantarlı Kanat İncik Videosu
  • 2015-2016 TEOG Sınavı Ne Zaman Yapılacak
  • Pastel Oje Renkleri ve Numaraları

  • CSSdeki ayarlar: satırlar arasındaki uzaklık 61

    CSSdeki ayarlar: satırlar arasındaki uzaklık


    CSSdeki ayarlar: satırlar arasındaki uzaklık 95

    CSSdeki ayarlar: satırlar arasındaki uzaklık 72

    CSSdeki ayarlar: satırlar arasındaki uzaklık 6

    CSSdeki ayarlar: satırlar arasındaki uzaklık 48

    CSSdeki ayarlar: satırlar arasındaki uzaklık 8

    CSSdeki ayarlar: satırlar arasındaki uzaklık 23

    CSSdeki ayarlar: satırlar arasındaki uzaklık 33

    CSSdeki ayarlar: satırlar arasındaki uzaklık 46

    CSSdeki ayarlar: satırlar arasındaki uzaklık 95

    CSSdeki ayarlar: satırlar arasındaki uzaklık 86

    CSSdeki ayarlar: satırlar arasındaki uzaklık 76