Analisis menyeluruh tentang cara menggunakan reka letak Bootstrap (gaya teks)

Analisis menyeluruh tentang cara menggunakan reka letak Bootstrap (gaya teks)_kemahiran javascript

WBOY

Lepaskan： 2016-05-16 15:28:46

asal

1300 orang telah melayarinya

1 Perenggan ialah satu lagi elemen penting dalam tipografi. Tetapkan gaya teks global untuk teks dalam Bootstrap (teks di sini merujuk kepada teks kandungan):

1. Saiz fon teks global ialah 14px (saiz fon).

2. Ketinggian garisan ialah 1.42857143 (ketinggian garisan), iaitu kira-kira 20px (anda mungkin keliru apabila anda melihat satu siri perpuluhan. Malah, ia dikira melalui pengkompil KURANG. Sudah tentu, Sass juga mempunyai fungsi sedemikian).

3. Warna kelabu gelap (#333);

2. Gaya teks

Dalam projek sebenar, untuk beberapa teks penting, bahagian yang ingin anda serlahkan akan diproses dalam gaya yang berbeza. Bootstrap juga melakukan beberapa pemprosesan ringan bahagian ini.

Jika anda mahu perenggan p diserlahkan, anda boleh berbuat demikian dengan menambah nama kelas ".lead". Fungsinya adalah untuk meningkatkan saiz fon teks, tebalkan teks dan juga memproses ketinggian dan margin dengan sewajarnya .

1. Tebal:

Dalam Bootstrap, anda boleh menggunakan teg dan untuk menjadikan teks tebal secara langsung.

2. Italik:
Dalam Bootstrap, anda boleh menggunakan atau untuk mencapai teks condong. 3. Kategori Penekanan

.teks diredam:
Petunjuk, gunakan kelabu muda (#999)
.teks-utama: Utama, gunakan biru (#428bca)
.text-success: Berjaya, gunakan hijau muda (#3c763d)
.text-info: Maklumat pemberitahuan, gunakan biru muda (#31708f)
.text-warning: Amaran, gunakan kuning (#8a6d3b)
.text-bahaya: Bahaya, gunakan coklat (#a94442)

Kesannya adalah seperti berikut:
<div class="text-muted">.text-muted 效果</div> <div class="text-primary">.text-primary效果</div> <div class="text-success">.text-success效果</div> <div class="text-info">.text-info效果</div> <div class="text-warning">.text-warning效果</div> <div class="text-danger">.text-danger效果</div>
Salin selepas log masuk

4. Penjajaran teks

Penjajaran teks amat diperlukan dalam penetapan taip. Penjajaran teks sering digunakan dalam CSS untuk menetapkan gaya penjajaran teks. Terdapat empat gaya utama:
☑ Dijajar ke kiri,
mengambil nilai kiri
☑ Jajar di tengah,
mengambil pusat nilai
☑ Jajar ke kanan,
mengambil nilai dengan betul
☑ Jajarkan kedua-dua hujungnya,
mengambil nilai justify
Untuk memudahkan operasi dan memudahkan penggunaan, Bootstrap mentakrifkan empat nama kelas melalui
untuk mengawal gaya penjajaran teks:
☑ .teks-kiri：
Jajar ke kiri
☑ .text-center：
dijajarkan tengah
☑ .teks-kanan:
dijajarkan ke kanan
☑ .text-justify：
Sejajarkan kedua-dua hujung
Dengan gaya teks, kesan reka letak lebih jelas dan lebih ringkas, saya harap anda boleh menggunakan gaya teks yang lebih ringkas dan murah hati dalam karya anda untuk menyerlahkan karya anda dan lebih menarik.