Jarak baris, CSS, asas-asas

Hari ini kita akan menghuraikan selang ketinggian talian CSS. Fungsi ini membantu menjadikan teks lebih mudah dibaca. Juga, ia sering digunakan untuk mengurangkan saiz yang diduduki oleh kandungan pada halaman. Terutamanya untuk orang baru hanya di bawah satu penyimpangan ringkas mengenai sejarah isu itu akan disediakan. Oleh itu, maka, anda akan belajar bagaimana untuk memasang selang ketinggian CSS garis.

maklumat yang diperlukan

CSS bermaksud Cascading Style Sheet, yang diterjemahkan bermaksud "lembaran gaya melata". Bahasa ini digunakan untuk laman web yang telah ditulis dalam bahasa markup (contohnya, HTML). Sebelum kedatangan CSS set dokumen reka bentuk dengan terbina dalam tag HTML, tetapi ia amat tidak selesa dan membanjiri keseluruhan kod. oleh itu ia telah memutuskan untuk mewujudkan satu bahasa baru yang akan bertanggungjawab untuk pendaftaran. Hari ini, CSS dan HTML - adalah dua konsep yang tidak dapat dipisahkan. Syntax gaya melata adalah sangat mudah, ia menggunakan sifat-sifat dan nilai-nilai mereka, seperti «latar belakang: merah». Untuk memberi skop, anda hanya perlu menulis kepada nama tag harta (atau pengecam): «body {background: merah; } "Tetapi pasukan itu sendiri diletakkan di antara penyokong gigi. Pada akhir setiap baris direkodkan dengan penerangan ciri-ciri untuk menjadi koma bertitik, jika tidak ralat berlaku.

selang

Tetapi cukup frasa pengenalan, turun ke perniagaan. Jarak baris sifat CSS ditetapkan menggunakan barisan ketinggian. Ia boleh digunakan untuk semua elemen. Harta itu sendiri diwarisi, yang bermaksud bahawa anak-anak akan menyalin jarak dari ibu bapa mereka. Sebagai contoh, jika anda menulis arahan berikut: body {line-height: 20px}, kemudian semua elemen pada halaman, jarak baris yang akan sama dengan 20 piksel. Oleh kerana nilai hartanah ini tidak boleh digunakan dalam mana-mana unit CSS diketahui (barangan - pt, pixels - px, inci - dalam, dan lain-lain ...). Anda juga boleh menggunakan nilai relatif faedah atau pengganda itu. Dalam kes ini, jarak CSS talian akan ditolak daripada unsur induk. Nilai piawai adalah dianggap sebagai kata kunci normal.

Untuk maklumat lanjut,

Kerana kita bercakap tentang jangka masa, ia adalah bernilai menyebut tentang jarak antara huruf. Untuk menentukan ciri-ciri ini dalam CSS mengetepikan harta yang berasingan, iaitu surat-jarak. arahan ini ialah prinsip tindakan adalah sama dengan barisan ketinggian. Unit nilai-nilai lain yang sama. CSS jarak antara huruf juga boleh digunakan untuk semua unsur-unsur, dan mendapat sokongan daripada semua versi bahasa. Contoh sifat-sifat: «h2 {surat jarak: 10px; } ". Jika anda menetapkan tempoh antara huruf untuk unsur badan, maka semua unsur-unsur akan mewarisi ciri ini (jika nilai itu tidak diatasi dengan jelas).

kesimpulan

Ia harus diperhatikan bahawa sesetengah pelayar betul menentukan selang CSS ketinggian talian. Sebagai contoh, program IE (sehingga versi 7.0) secara tidak betul mengira jarak. Dalam kes ini, anda perlu mengambil kira selang perbezaan. versi baru kesilapan ini diperbetulkan sepenuhnya pelayar. Satu masalah yang sama yang dihadapi apabila menggunakan hartanah untuk menentukan jarak antara huruf. Dalam semua program lain data arahan ini telah dipilih mengikut W3C (World Wide Web Consortium).