Cara Pemakaian Elemen Style
<style type="text/css">
body{color:black; background: red;}
</style>
Pernyataan yang tertulis diantara arahan tag <style> dan </style> menunjukkan perintah pengaturan style.body{color:black; background: red;}
</style>
1. Link ke sheet lain
Apabila kau mengingikan style yang sama untuk halaman HTML kau 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 bab head coding HTML anda. Perintah rel perlu diatur dengan pernyataan stylesheet biar 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 menggunakan karakter "margin-left" dan "margin-right". Contohnya menyerupai ini:
<style type="text/css">
body{margin-left:10%; margin-right:10%;}
</style>
Arti dari perintah tersebut yaitu kita mengatur halaman web kita dengan batas halaman kiri 10% dari lebar monitor.body{margin-left:10%; margin-right:10%;}
</style>
3. Mengatur Inden kiri dan kanan
Yang dimaksud yaitu ketika 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>
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. misalnya menyerupai 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) |
Sumber http://now-smart.blogspot.com/
