belajar css pada html

berikut adalah script untuk membuat layout sederhana pada html menggunakan css, pertama tama yang kita lakukan adalah membuat file .css terlebih dahulu buat file .css, berikut isi filenya:

#wrapper { margin:auto; width:980px; border:2px solid black;}

#header { height:80px; border:1px solid red}

#inner { float:left; margin:5px 0; border:1px solid green}

#footer { clear:both; height:50px; border:1px solid blue}

#sidebar { float:left; margin-right:10px; width:200px; height:400px; border:1px solid orange;}

#content { float:left; width:760px; height:400px; border:1px solid orange;}

#content-top { clear:both; margin:auto; width:760px; height:120px; border:1px dotted blue;}

#content-main { float:left; margin:auto; width:480px; height:260px; border:1px dotted blue;}

#content-right { float:right; margin:auto; width:260px; height:180px; border: 1px dotted;}


simpan dengan nama layout.css, kemudian buat file html-nya sesuai dengan layout yang diinginkan.