Perintah CSS (2)

Sebelumnya kami sudah menjelaskan sedikit tentang beberapa perintah CSS. Baiklah sekarang kita akan membahas beberapa perintah CSS yang lain.

Membuat format CSS sendiri
Anda bisa membuat sebuah format CSS yang nantinya tinggal di hubungkan dengan bentuk yang akan ditampilkan. Misalnya Format Sidebar kiri dan Isi / Main. .


Bentukya sebagai berikut :

#main {
margin:0 0 0 10px;
width:410px;
float:right;
padding:0 8px 10px 8px;
border:1px solid #999;
}
#sidebar-left {
background:#66CCFF;
margin:0;
width:150px;
float:left;
padding:0 5px 100px 5px;
font:#663333;
font-size:85%;
border:1px solid #000;
}

Beberapa penjelasan perintah diatas:
Margin = batas dari main / Sidebar
Width = lebar dari area sidebar atau main
Float = Letak dari pada Sidebar dan Main bisa di Left atau right
Background = format warna atau gambar dari background
Font = format warna tulisan
Font-size = Ukuran tulisan
Padding = Ketebalan sisi area dengan textnya
Border = garis yang ada di sekeliling text

Kemudian untuk menghubungkan perintah CSS ke bentuk yang di inginkan sebagai berikut :

<!-- Begin #sidebar -->
<div id="sidebar-left"><div id="sidebar2">

Isi Sidebar / sisi

</div></div>
<!-- End #sidebar -->


<!-- Begin #main -->
<div id="main"><div id="main2">

Isi dari pada Postingan / main

</div></div>
<!-- End #main -->


Ketrangan :
<div id="sidebar-left"> adalah untuk mengambil format yang dibentuk oleh side bar kiri
<div id="main"> adalah untuk mengambil format yang dibentuk oleh main / postingan

Bila anda ingin mempelajari perintah HTML untuk memformat peritah-perintah CSS, saya rekomendasikan anda ke situs ini http://www.htmldog.com