Bagaimana untuk menyesuaikan jarak baris dalam CSS?

Teks hari ini masih adalah jenis utama maklumat yang dihantar dalam yang luas di World Wide Web. Oleh itu, kawalan ke atas penampilan diberikan perhatian khusus. Salah satu ciri penting dalam jarak baris teks, yang menentukan jarak antara baris. Jika anda tidak pernah bertemu dengan kaedah ini, anda mungkin tidak pernah bekerja dengan CSS. Lagipun, ini adalah gaya bahasa yang disediakan oleh arahan yang ada untuk mengubah semua ciri-ciri luaran yang penting dalam teks. Apa-apa peraturan yang disokong oleh semua pelayar moden dan datang sebagai standard untuk semua versi Cascading Style Sheets (CSS: Cascading Style Sheets).

peraturan

Dalam CSS, jarak baris ditetapkan melalui pasukan barisan ketinggian mudah. rakaman itu dilakukan dengan cara yang biasa. nilai boleh diberikan kepada mana-mana integer bukan negatif. Jika dinyatakan: «line-height: -4px;», arahan akan diabaikan. Anda boleh menentukan nilai: «normal» atau «mewarisi». Yang pertama adalah untuk menggunakan tetapan automatik selang, yang ditentukan bergantung kepada jenis dan saiz fon yang dipilih. Dalam kes ini, jarak antara barisan yang disusun oleh pelayar itu sendiri. Jarak baris boleh mana-mana nilai yang diwarisi daripada "ibu bapa" tag oleh nilai «mewarisi».

nilai

Semua nilai berbeza daripada arahan standard boleh dibahagikan kepada dua kategori: relatif dan mutlak. CSS membolehkan anda untuk mengawal garis jarak jarak antara baris fleksibel, menggunakan cara yang berbeza dan lebih mudah untuk menyesuaikan. Untuk nilai mutlak termasuk semua panjang yang dikenali unit, yang digunakan dalam CSS. Senarai ini termasuk: in (inci), pt (mata), px (piksel), dan lain-lain. Selang undur dibuat dari garis pangkal fon. Jika kita menulis satu peraturan: «line-height: 10px;», jarak baris akan sentiasa sama dengan 10 piksel. kaedah ini adalah sesuai apabila anda perlu nyatakan julat yang tepat untuk font tertentu. Tetapi jangan lupa bahawa semua pengembangan skrin yang berbeza. Dan jika anda mempunyai apa-apa jarak kelihatan hebat, ia tidak bermakna bahawa semua orang akan mempunyai kesan yang sama. Sebagai contoh, mudah alih yang besar jarak baris boleh menyebabkan kesulitan yang besar.

nilai relatif

Untuk menyelesaikan masalah dengan sambungan yang berbeza skrin, anda boleh menggunakan nilai-nilai relatif. Peratusan paling biasa digunakan. Nilai dalam kes ini menetapkan ketinggian relatif font. Sebagai contoh, dengan menyatakan «line-height: 150%;" kita mendapatkan selang, surat Sederhana setengah besar. 100% adalah kemuncak font yang digunakan. Kebanyakan pemaju berpengalaman mengesyorkan penggunaan ia adalah nilai-nilai relatif. Jadi, anda akan menyelamatkan diri mereka dan pengguna mereka dari masalah yang berkaitan dengan sambungan yang berbeza skrin.

kesimpulan

Jika anda menggunakan satu set fon tidak standard, dan anda adalah penting ialah jarak baris yang jelas, pilih nilai-nilai mutlak. Dalam semua kes lain adalah wajar untuk menubuhkan peratusan harta itu. Apabila anda perlu membuat selang individu untuk kawasan tertentu dokumen, gunakan id-tag, atau pemilih. Oleh itu, anda tidak perlu untuk menetapkan jarak baris untuk keseluruhan dokumen.