Yayasan CSS Referensi
default Yayasan
Yayasan menggunakan ukuran browser default font yang ( font-size:100% ). Untuk sebagian besar perangkat browser desktop, ukuran font default adalah 16px. Untuk browser untuk perangkat mobile, ukuran font default adalah 12px. Font default adalah "Helvetica Neue" , default Line-height ke 1.5 .
Setelan ini diterapkan untuk <body> elemen dalam elemen.
Selain itu, <p> elemen luar dan bagian bawah jarak (margin-bottom) adalah 1.25rem, line-height 1,6.
teks
Elemen HTML berikut, Yayasan mendirikan gaya terpisah rendering itu tidak akan menggunakan gaya default browser. Klik "mencoba" untuk melihat contoh online.
| elemen | deskripsi | contoh online |
|---|---|---|
| <H1> - <h6> | judul h6 - h1 | mencoba |
| <a> | link biru muda, gerakkan mouse ke link akan digarisbawahi | mencoba |
| <Kecil> | Cahaya subtitle teks abu-abu | mencoba |
| <Blockquote> | modul Citation | mencoba |
| <Kuat> | teks tebal | mencoba |
| <Em> | huruf miring | mencoba |
| <Abbr> | Tentukan singkatan kata, menggunakan elemen muncul dihiasi teks garis bawah, gerakkan mouse up akan meminta | mencoba |
| <KBD> | Menerima perintah input keyboard: CTRL + P | mencoba |
| <Hr> | tingkat | mencoba |
| <Kode> | fragmen | mencoba |
| <Ul> | daftar unordered | mencoba |
| <Ol> | Daftar memerintahkan | mencoba |
| <Dl> | Daftar deskriptif | mencoba |
teks Keselarasan
Menggunakan kelas CSS untuk mengubah alignment teks:
| kategori | deskripsi | contoh |
|---|---|---|
| .text-kiri | teks kiri-blok | mencoba |
| .text-benar | teks benar-aligned | mencoba |
| .text-pusat | pusat | mencoba |
| .text-membenarkan | dibenarkan | mencoba |
Menyelaraskan ukuran layar yang berbeda
Menggunakan kelas CSS untuk mengubah perataan teks dari ukuran layar yang berbeda:
| kategori | deskripsi | contoh |
|---|---|---|
| kiri | ||
| .small-teks-kiri | Semua ukuran layar kiri | mencoba |
| .small-satunya teks-kiri- | layar kecil Kiri (lebar kurang dari 40em) | mencoba |
| .medium-teks-kiri | Lebar lebih besar dari ukuran layar 40.0625em Kiri | mencoba |
| .medium-satunya teks-kiri- | 40.0625em lebar selaras di sebelah kiri ukuran layar 64em | mencoba |
| .large-teks-kiri | Lebar lebih besar dari ukuran layar 64.0625em Kiri | mencoba |
| .large-satunya teks-kiri- | 64.0625em lebar selaras di sebelah kiri ukuran layar 90em | mencoba |
| .xlarge-teks-kiri | Lebar lebih besar dari ukuran layar 90.0625em Kiri | mencoba |
| .xlarge-satunya teks-kiri- | 90.0625em lebar selaras di sebelah kiri ukuran layar 120em | mencoba |
| .xxlarge-teks-kiri | Lebar lebih besar dari 120em ukuran layar Kiri | mencoba |
| Rata Kanan | ||
| .small-teks-benar | Semua dimensi layar kanan dibenarkan | mencoba |
| .small-satunya teks-benar | layar kecil keselarasan yang tepat (lebar kurang dari 40em) | mencoba |
| .medium-teks-benar | Lebar lebih besar dari ukuran layar 40.0625em benar-blok | mencoba |
| .medium-satunya teks-benar | 40.0625em lebar disesuaikan dengan ukuran layar yang tepat 64em | mencoba |
| .large-teks-benar | Lebar lebih besar dari ukuran layar 64.0625em benar-blok | mencoba |
| .large-satunya teks-benar | 64.0625em lebar disesuaikan dengan ukuran layar yang tepat 90em | mencoba |
| .xlarge-teks-benar | Lebar lebih besar dari ukuran layar 90.0625em benar-blok | mencoba |
| .xlarge-satunya teks-benar | 90.0625em lebar disesuaikan dengan ukuran layar yang tepat 120em | mencoba |
| .xxlarge-teks-benar | Lebar lebih besar dari ukuran layar 120em benar-blok | mencoba |
| meluruskan | ||
| .small-text-pusat | Menyelaraskan semua ukuran layar | mencoba |
| .small-satunya teks-pusat | Ukuran kecil dari layar berpusat (lebar kurang dari 40em) | mencoba |
| .medium-text-pusat | Lebar lebih besar dari ukuran layar berpusat 40.0625em | mencoba |
| .medium-satunya teks-pusat | 40.0625em lebar untuk ukuran layar 64em berpusat | mencoba |
| .large-text-pusat | Lebar lebih besar dari ukuran layar berpusat 64.0625em | mencoba |
| .large-satunya teks-pusat | 64.0625em lebar untuk ukuran layar 90em berpusat | mencoba |
| .xlarge-text-pusat | Lebar lebih besar dari ukuran layar berpusat 90.0625em | mencoba |
| .xlarge-satunya teks-pusat | 90.0625em lebar untuk 120em ukuran layar berpusat | mencoba |
| .xxlarge-text-pusat | Lebar lebih besar dari ukuran layar berpusat 120em | mencoba |
| dibenarkan | ||
| .small-teks-membenarkan | Semua ukuran layar yang Dibenarkan | mencoba |
| .small-satunya teks-membenarkan | Membenarkan ukuran kecil layar (lebar kurang dari 40em) | mencoba |
| .medium-teks-membenarkan | Lebar lebih besar dari ukuran layar 40.0625em Justify | mencoba |
| .medium-satunya teks-membenarkan | Menyelaraskan kedua ujung lebar layar untuk 64em ukuran 40.0625em | mencoba |
| .large-teks-membenarkan | Lebar lebih besar dari ukuran layar 64.0625em Justify | mencoba |
| .large-satunya teks-membenarkan | Menyelaraskan kedua ujung lebar layar untuk 90em ukuran 64.0625em | mencoba |
| .xlarge-teks-membenarkan | Lebar lebih besar dari ukuran layar 90.0625em Justify | mencoba |
| .xlarge-satunya teks-membenarkan | Menyelaraskan kedua ujung lebar ukuran layar 90.0625em ke 120em | mencoba |
| .xxlarge-teks-membenarkan | Lebar lebih besar dari ukuran layar 120em Justify | mencoba |
lain
| kategori | deskripsi | contoh |
|---|---|---|
| .left | Kiri mengambang elemen | mencoba |
| .right | Kanan mengambang elemen | mencoba |
| .clearfix | Jelas mengambang - harus ditambahkan ke elemen induk elemen mengambang | |
| .hide | elemen tersembunyi (CSS display: none ) | mencoba |
| .list-inline | Semua elemen diatur dalam baris yang sama | mencoba |
| .lead | Mari <p> elemen lebih menonjol | mencoba |
| .subheader | Pengaturan cahaya berwarna <h1> - <h6> elemen | mencoba |