Tutorial Bootstrap Part 3 : Thypografi
Oke pada kesempatan kali ini rekayasaternaklele akan membahas tentang Thypografi pada Bootstrap
Judul
Tutorial Bootstrap Part 3 : Thypografi
Pengertian
Menurut Wikipedia, Bootstrap adalah sebuah alat bantu untuk membuat sebuah tampilan halaman website yang dapat mempercepat pekerjaan seorang pengembang website ataupun pendesain halaman website. Sesuai namanya, website yang dibuat dengan alat bantu ini memiliki tampilan halaman yang sama / mirip dengan tampilan halaman Twitter atau desainer juga dapat mengubah tampilan halaman website sesuai dengan kebutuhan.
Latar Belakang
Mencari kemudahan dalam membuat front-end website yang cepat,responsive dan praktis sehingga kita tidak perlu menulis kode CSS dari nol.
Maksud dan Tujuan
Memahami dan bisa menggunakan Bootsrap sehingga pengembangan fron end website lebih efektif dan efisien.
Alat dan Bahan
Text Editor dan PC
Jangka Waktu
1 Jam
Pembahasan
Untuk tipografi, Bootstrap 4 menggunakan Helvetica Neue, Helvetica, Arial dan Sans-serif untuk jenis font bawaan. Ini semua adalah standar font dan juga sebagai bawaan dalam semua komputer. Semua body text memiliki font size yang ditetapkan sebesar 1rem atau 16 pixel dan line height 1.5.
Heading
Semua 6 tag heading mempunyai style dalam Bootstrap 4 dengan font weight sebesar 500, line height sebesar 1.1 dan berikut adalah urutan sizenya:
- h1 (2.5 rem =40px)
- h2 (2 rem = 32px)
- h3 (1.75 rem = 28px)
- h4 (1.5 rem = 24px)
- h5 (1.25 rem = 20px)
- h6 (1 rem =16px)
Small
Membuat ringan teks sekunder pada heading
contoh :
Display
<Mark>
<Abbr>
<Blockquote>
<Dl>
<Code> dan <Kbd>
<Pre>
Membuat ringan teks sekunder pada heading
contoh :
<Mark>
<Abbr>
<Blockquote>
<Dl>
<Code> dan <Kbd>
<Pre>
Kesimpulan
Css Typografi memudahkan kita dalam memberikan gaya kepada teks.
Referensi
https://www.w3schools.com/bootstrap4/bootstrap_typography.aspCss Typografi memudahkan kita dalam memberikan gaya kepada teks.
Referensi
0 Response to "Tutorial Bootstrap Part 3 : Thypografi"
Post a Comment