Bootstrap Web Desain

Tutorial Bootstrap 3: System Typography Bootstrap

Tutorial Bootstrap 3: System Typography Bootstrap Juni 1, 2015Leave a comment

HUMAYRAA merupakan salah satu bagian dari web Bestariweb Studio. HUMAYRAA.COM kami khususkan untuk berbagi pengalaman dan tutorial kepada seluruh pembaca yang berminat menggeluti dunia IT dan desain. Kunjungi pula web kami yang lainnya: Bestariweb Studio | BestariwebHost

belajar Bootstrap, mengenal bootstrap, tutorial desain web, tutorial bootstrap bahasa Indonesia
[wp_ad_camp_1]

Apa itu Typography?

[row][col span=”1/2″][wp_ad_camp_2][/col][col span=”1/2″]

Tipografi, seni cetak atau tata huruf adalah seni dan teknik memilih dan menata huruf dengan pengaturan penyebarannya pada ruang yang tersedia, untuk menciptakan kesan tertentu, guna kenyamanan membaca semaksimal mungkin

[/col][/row]

Setting Default Bootstrap

Secara default, ukuran huruf Bootstrap adalah 14px, dengan line-height 1,428em (1,428 x 14px = 19,992px atau 20px). settingan ini diterapkan di semua tag <body> dan semua paragraph.

sebagai tambahan, semua elemen <p> mempunyai nilai margin bawah (bottom margin) yang nilainya setengah dari nilai line-height, yaitu sebesar 10px.

[wp_ad_camp_2]

Bootstrap vs. Browser Defaults

Kali ini kita akan melihat beberapa elemen HTML yang mempunyai style berbeda dengan default style browser.

Elemen <h1> – <h6>

Secara default, bootstrap akan memberi style untuk tag heading <h1> – <h6> sebagai berikut:
Belajar bootstrap, tutorial bootstrap bahasa Indonesia

Elemen <small>

Di dalam bootstrap, elemen <small> digunakan sebagai teks sekunder pada heading seperti berikiut ini:
Belajar bootstrap, tutorial bootstrap bahasa Indonesia
Demo

[wp_ad_camp_1]

Elemen <blockquote>

Elemen blockquote pada bootstrap akan tampil sebagai berikut:
Belajar bootstrap, tutorial bootstrap bahasa Indonesia
Demo

Elemen <kbd>

Elemen <kbd> pada bootstrap akan tampil sebagai berikut:
Belajar bootstrap, tutorial bootstrap bahasa Indonesia
Demo

system Typography bootstrap lainnya disa dilihat di sini

Incoming search terms:

HUMAYRAA merupakan salah satu bagian dari web Bestariweb Studio. HUMAYRAA.COM kami khususkan untuk berbagi pengalaman dan tutorial kepada seluruh pembaca yang berminat menggeluti dunia IT dan desain. Kunjungi pula web kami yang lainnya: Bestariweb Studio | BestariwebHost

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *