CSS (Cascading Style Sheet ) - Style Untuk Font & Text

Dengan menggunakan CSS kita dapat dengan mudah memfariasikan text dan font dari sebuah halaman web tanpa harus merubah keseluruhan text atau font dari halaman tersebut, misalkan pada judul postingan kita mau ngasih text dan font dengan warna, ukuruan(size), garis bawah, garis miring, dll, yang berbeda dari isi postingan web,

Style untuk Font

Nilai yang digunakan untuk font pada properti CSS adalah :

Properti	Nilai Properti	Ketereangan
font	font-family font-size font-weight font-variant font-style line-height caption small-caption inherit menu icon status-bar message-box	Mengatur font untuk seluruh element HTML atau sebagian dari element HTML
font-size	small medium large xx-small x-small x-large xx-large % inherit smaller larger lenght	Mengatur ukuran dari font
font-style	normal italic inherit oblique	mengatur gaya dari font
font-family	family-name generic-family inherit	medefenisikan kelompok font untuk text
font-weight	normal bold bolder lighter 100 sampai 900 inherit	mengatur ukuran bobot dari font

Contoh Penulisan dalam CSS sebagai berikut :

#parameter {            font-family: arial, helvetica, sans-serif;            font-size: 11pt;            font-weight: bold;           }

Style untuk Text

Nilai yang digunakan untuk text pada properti CSS adalah :

Properti	Niliai Properti	Keterangan
color	(255,255,255) #FFFFFF red	Memberi warna pada text, bisa memberi nilai dengan RGB(red, green, blue), nilai hex dari warna seperti #FFFFFF dan bs juga dengan bahasa inggris kalaw bahasa indo belum di perkenankan...*_*
line-height	normal number letngth %	Mengatur ukuran ato jarak dari text
direction	ltr rtl	Mengatur arah text
text-align	center left right justify	Mengatur alignment (posisi ) text dari element HTML
text-shadow	none color length	Memberi bayangan pada text
text-decoration	none  underline blink overline line-trough	Memberi decorasi/hiasan pada text
vertical-align	top text-top bottom text-bottom middle sub lenght baseline % super	Memberi dan mengatur garis vertical darisebbuah element
word-spacing	normal length	Menambah ato mengurangi spasi antara kalimat
word-space	normal pre nowrap	Mengatur bagaimana space putih didalam element HTML ditampilkan
text-indent	length %	Memberi jarak pada kalimat pertama dari text
letter-spacing	normal length	Menambah ato mengurangi spasi dari karakter text

Contoh Penulisan dalam CSS sebagai berikut :

#parameter {           color: black;           text-align: left;           font-size: 12px;           font-weight: normal;           }

a {    text-decoration: underline;    }

Penjelasan dari penulisan diatas :

-> a disebut sebagai selector yang akan diformat

-> color, text-align, font-size, font-weigth dan text-underline adalah properti CSS

-> black, underline, normal, left dan 12px adalah nilai properti CSS