Spasi baris, CSS, dasar-dasar

Hari ini kita akan mengurai interval tinggi garis CSS. Fitur ini membantu membuat teks lebih mudah dibaca. Selain itu, sering digunakan untuk mengurangi ukuran diduduki oleh konten pada halaman. Terutama untuk pemula di bawah penyimpangan singkat tentang sejarah masalah ini akan disediakan. Jadi, maka, Anda akan belajar cara menginstal interval tinggi garis CSS.

informasi yang diperlukan

CSS adalah singkatan dari Cascading Style Sheet, yang diterjemahkan berarti "cascading style sheet". Bahasa ini digunakan untuk halaman web yang telah ditulis dalam bahasa markup (misalnya, HTML). Sebelum munculnya CSS dokumen desain set dengan built-in tag HTML, tetapi mereka sangat tidak nyaman dan membanjiri seluruh kode. Oleh karena itu diputuskan untuk membuat bahasa baru yang akan bertanggung jawab untuk pendaftaran. Hari ini, CSS dan HTML - adalah dua konsep yang tidak terpisahkan. Sintaks cascading style sangat sederhana, menggunakan sifat dan nilai-nilai mereka, seperti «background: red». Untuk menetapkan lingkup, Anda hanya perlu menulis untuk nama tag properti (atau pengenal): «body {background: red; } "Tapi tim itu sendiri ditempatkan di antara kawat gigi. Pada akhir setiap baris direkam dengan deskripsi karakteristik untuk menjadi titik koma, jika tidak terjadi kesalahan.

interval

Tapi cukup frase pengantar, turun ke bisnis. Spasi baris properti CSS diatur menggunakan line-height. Hal ini dapat diterapkan untuk semua elemen. Properti itu sendiri warisan, yang berarti bahwa anak-anak akan menyalin jarak dari orang tua mereka. Misalnya, jika Anda menulis perintah berikut: body {line-height: 20px}, maka semua elemen pada halaman, spasi baris akan sama dengan 20 piksel. Sebagai nilai properti ini dapat digunakan dalam setiap unit CSS dikenal (item - pt, piksel - px, inci - di, dll ...). Pilihan lain adalah dengan menggunakan nilai-nilai relatif kepentingan atau pengganda tersebut. Dalam hal ini, jarak CSS-line akan dipotong dari elemen induk. Nilai default dianggap kata kunci normal.

Untuk informasi lebih lanjut,

Karena kita berbicara tentang interval, itu adalah layak disebut tentang jarak antara huruf. Untuk menentukan karakteristik ini dalam CSS menyisihkan harta yang terpisah, yaitu letter-spacing. perintah ini adalah prinsip tindakan mirip dengan line-height. Unit nilai-nilai lain yang sama. CSS-jarak antara huruf juga bisa diterapkan untuk semua elemen, dan memiliki dukungan dari semua versi bahasa. Contoh sifat: «h2 {letter-spacing: 10px; }". Jika Anda menetapkan interval antara huruf untuk elemen tubuh, maka semua elemen akan mewarisi fitur ini (jika nilai tidak secara eksplisit ditimpa).

kesimpulan

Perlu dicatat bahwa beberapa browser benar menentukan interval CSS tinggi garis. Misalnya, Program IE (sampai versi 7.0) salah menghitung jarak. Dalam hal ini, Anda harus memperhitungkan interval perbedaan. versi baru dari kesalahan ini diperbaiki sepenuhnya browser. Masalah yang sama ditemui ketika menggunakan properti untuk menentukan jarak antara huruf. Dalam semua program lain perintah data yang ditentukan sesuai dengan W3C (World Wide Web Consortium).