Rumah  >  Artikel  >  Tutorial perisian  >  Bagaimana untuk menetapkan fon monospace dalam CSS

Bagaimana untuk menetapkan fon monospace dalam CSS

王林
王林ke hadapan
2024-01-20 08:39:111250semak imbas

Bagaimana untuk menetapkan fon monospace dalam CSS

Bagaimana untuk menetapkan lebar teks yang sama dalam css

td:selepas {

kandungan: ':';

kedudukan: mutlak;

}

td {

saiz fon: 14px;

lebar: 4em;

text-align-last: justify;

}

Nama pengguna
Tetapkan kata laluan
Sahkan kata laluan
Telefon bimbit
E-mel
Kod pengesahan

Pahami sepenuhnya perbezaan antara unit px dan em rem dalam css

px ialah piksel (Pixel)

em ialah lebar huruf besar Inggeris M dalam fon yang digunakan oleh elemen semasa Sebabnya ia dinyatakan ialah M kerana lebar setiap huruf tidak sama dalam fon berkadar (contohnya, lebar W dan i. adalah sangat berbeza), dan dalam fon lebar tetap (seperti aksara Cina), lebar setiap aksara adalah sama, jadi em ialah lebar aksara (atau separuh lebar aksara Cina)

rem ialah lebar fon elemen akar halaman (r ialah akar), penjelasan lain adalah sama seperti di atas

px ialah unit panjang mutlak, iaitu, jika lebar elemen dinyatakan sebagai 100px, maka lebarnya ditetapkan pada 100 piksel manakala em ialah unit panjang relatif, contohnya, lebar elemen ialah 4em, dan lebar elemen ini ialah Jika lebar fon ialah 12px, lebar sebenar elemen ini ialah 48px Jika anda menukar saiz fon elemen ini kepada 16px, lebar sebenar elemen ini akan menjadi 64px secara automatik untuk rem, ia adalah untuk membenarkan halaman ini menggunakan rem sebagai Elemen dalam unit panjang boleh dilaraskan secara automatik mengikut saiz fon elemen akar halaman (biasanya html atau badan, anda hanya perlu). untuk menukar saiz fon elemen akar untuk menukar rupa keseluruhan halaman Ia biasanya digunakan untuk reka letak halaman gaya responsif.

Tetapan teks dalam CSS!

Soalan 1: Jika anda menggunakan .left a{}, apakah yang akan anda lakukan seterusnya

Jangan gunakan kelas di sini dalam kerja,

Tukar kepada berfungsi Jika anda mahu 3 perenggan teks ditakrifkan secara berasingan, gunakan kelas, tetapi kaedah penulisan bukan .left a{}, tetapi .work a{}. kerja. Jika anda kelas Jika kerja hanya digunakan sekali, pilih .work a{}. Jika anda mahu menggunakannya di tempat lain, jika anda mahu tetapan seperti fon berbeza, gunakan .left work a{}.

Soalan 2: Di sudut kanan bawah, anda boleh menentukan sama ada teg p atau teg Jangan gunakan padding menentukan jarak dalaman.

Ini adalah tajuk!

.header p{margin-top: ketinggian lapisan anda-10px;

Ini adalah tajuk!

.header a{margin-top: ketinggian lapisan anda-10px;

Cara mengawal lebar fon aksara dalam html

Jika anda hanya perlu menukar lebar, sifat CSS tradisional tidak boleh dicapai Anda boleh menggunakan fungsi ubah bentuk CSS3 untuk mencapainya, tetapi ia adalah perubahan keseluruhan untuk label, bukan hanya untuk fon (disebabkan oleh ubah bentuk. label luaran, Elemen dalaman berubah bersama-sama, yang boleh dianggap sebagai menyelamatkan negara), seperti:

.ubah { lebar: 200px; transform: scaleX(1.2);

Dalam HTML, anda boleh menggunakan saiz fon dalam CSS untuk mengawal saiz fon (lebar fon akan berubah mengikut saiz fon), tetapi tiada atribut yang hanya boleh menukar lebar fon tanpa mengira ketinggian.

Anda boleh menggunakan jarak perkataan untuk mengawal jarak antara teks dan teks

Atas ialah kandungan terperinci Bagaimana untuk menetapkan fon monospace dalam CSS. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Artikel ini dikembalikan pada:docexcel.net. Jika ada pelanggaran, sila hubungi admin@php.cn Padam