Satır aralığı, CSS, temel bilgiler

Bugün CSS'nin satır aralığını çözümleyeceğiz. Bu özellik, metni daha okunabilir hale getirmeye yardımcı olur. Ayrıca sıklıkla sayfadaki içeriğin boyutunu küçültmek için kullanılır. Özellikle en tecrübesiz kişiler için, tarihin kısa bir tartışması aşağıda verilecektir. Böylece, daha sonra, CSS'nin satır aralığını ayarlamayı öğreneceksiniz.

Gerekli Bilgiler

CSS , "basamaklı stil sayfaları" anlamına gelen Basamaklı Stil Sayfası anlamına gelir. Bu dil, biçimlendirme dili (örneğin, HTML) ile yazılmış web sayfalarını tasarlamak için kullanılır. CSS'nin görünümü öncesinde belgelerin tasarımı gömülü HTML etiketleri kullanılarak kuruldu , ancak son derece rahatsız edici ve tüm kodları doldurdu. Bu nedenle, tasarımdan sorumlu olacak yeni bir dil yaratmaya karar verildi. Bugün CSS ve HTML birbirinden ayrılmaz iki kavramdır. Basamaklı tabloların sözdizimi çok basit, burada özellikleri ve anlamlarını, örneğin "arka plan: kırmızı" kullanıyoruz. Bir kapsam atamak için, mülkten önce etiketin (veya tanımlayıcıların) adını yazmanız yeterlidir: "body {background: red; } "Ve komutun kendisi kıvırcık parantez arasına yerleştirilir. Kaydedilen her satırın karakteristik tanımıyla birlikte bir noktalı virgül yerleştirilmelidir, aksi takdirde bir hata oluşacaktır.

aralıkları

Ama yeterli tanıtım cümlecikleri, işimize başlayalım. Satır aralığı, line-height özelliği kullanılarak ayarlanır. Tüm unsurlara uygulanabilir. Mülkün kendisi devralınır; bu, çocukların aralığı ebeveynden koparacakları anlamına gelir. Örneğin, aşağıdaki komutu yazarsanız: body {line-height: 20px}, ardından sayfadaki tüm öğelerin satır aralığı 20 piktedir. Bir özellik olarak, bu özellik CSS'de bilinen herhangi bir ölçü birimini kullanabilir (öğeler - pt, piksel - px, inç - giriş, vb.). Yüzdelikler veya çarpanlar gibi göreli değerleri de kullanabilirsiniz. Bu durumda satırlar arasındaki CSS aralığı üst öğeden hesaplanır. Varsayılan değer normal anahtar kelime.

Ek bilgi

Aralıklar hakkında konuştuğumuzdan harfler arasındaki mesafeden bahsetmeliyiz. Bu karakteristiği belirlemek için, CSS'nin ayrı bir özelliği, yani harf aralığı vardır. Bu komutun prensibi satır yüksekliğine benzer. Üniteler ve diğer değerler aynıdır. Harfler arasındaki CSS aralığı da tüm öğelere uygulanabilir ve tüm dil sürümlerinde desteklenir. Mülkün kullanımına bir örnek "h2 {letter-spacing: 10px; } ». Vücut elemanı harfleri arasında bir aralık atarsanız, tüm öğeler bu karakteristiği devralır (değer açıkça yeniden haritalandırılmadığı sürece).

Sonuç

Bazı tarayıcıların yanlışlıkla CSS'nin satır aralığını tanımladığına dikkat edilmelidir. Örneğin, IE programı (sürüm 7.0'a kadar) hatalı olarak mesafeyi hesaplar. Bu durumda aralıktaki fark dikkate alınmalıdır. Bu tarayıcının daha yeni sürümlerinde hata tamamen giderildi. Harfler arasındaki boşluğu belirlemek için mülk kullanırken benzer bir sorun oluşur. Diğer tüm programlarda bu ekipler W3C (World Wide Web Consortium) ile uyumlu olarak tanımlanmaktadır.