Cara Pemakaian Elemen Style

Cara mengatur warna huruf dan latar belakang dengan menggunakan elemenstyle untuk mengatur karakter kode tag dokumen anda. contoh:
<style type="text/css">
body{color:black; background: red;}
</style>
Pernyataan yang tertulis diantara kode tag <style> dan </style> menunjukkan perintah pengaturan style.

1. Link ke sheet lain
Apabila kamu mengingikan style yang sama untuk halaman HTML kamu yang lain, disarankan menggunakan sheet-sheet yang terpisah namun saling terhubung dengan cara di-link. Kode link css sebagai beikut:
<link rel="stylesheet" href"style.css">
kode tersebut harus ditempatkan di bagian head coding HTML anda. Perintah rel perlu diatur dengan pernyataan stylesheet agar supaya browser menemukan perintah href sebagai penunjuk ke alamat web(URL) sheet anda.

2. Mengatur tepi halaman (page margin)
Cara mengatur sisi kiri dan kanan halaman web dengan memakai karakter "margin-left" dan "margin-right". Contohnya seperti ini:
<style type="text/css">
body{margin-left:10%; margin-right:10%;}
</style>
 Arti dari perintah tersebut adalah kita mengatur halaman web kita dengan batas halaman kiri 10% dari lebar monitor.

3. Mengatur Inden kiri dan kanan
Yang dimaksud adalah saat kita menuliskan kalimat awal ada jaraknya(seperti di tab). contohnya:
<style type="text/css">
body{margin-left:10%; margin-right:10%;}
h1{margin-left:-7%;}
h2,h3,h4,h5,h6{margin-left:-4%;}
</style>

4. Mengatur jarak penulisan dari tepi atas dan bawah halaman
Caranya dengan menambahkan property "margin-top" dan "margin-bottom" pada css. contohnya seperti ini:
h2{margin-top:8em; margin-bottom:3em;}







Satuan Statistik
in
Satuan inchi
cm
Satuan centimeter
mm
Satuan milimeter
pt
Satuan point (1point=1/72 inchi")
ppxc
Satuan pixel
Satuan Relatif
%
Satuan persen
Em/ems
1em=ukuran font yang tengah ada dalam elemen
ex
1ex=x-height suatu font (biasanya setengah ukuran font)

Share this

Related Posts

Previous
Next Post »