Cara membuat css sangatlah mudah! Coba kamu liat data di http://indoarea.tk/css/1.css dahulu! Disitu ada tanda /*INDOAREA CSS*/ dibawah dan diatas data! Itu tidak penting, hanya sbg penanda bahwa itu miliknya!

disana juga ada kode
.header, .footer { background-image: url(header.gif); color: #ffebad; text-shadow: #630000 1px 1px 1px; background-color: #f79e18; background-repeat: no-repeat; background-position: top right; margin-bottom: 1px; padding: 4px; border-bottom: 1px solid #ffa242; border-top: 1px solid #7b3000; height-max: 25px; font-weight: bold; border : 2px solid #F62817; }
yang artinya jika div classnya bernama header dan footer, akan tampil jika ada kode <#div class="header"> ataupun <#div class="footer">


juga ada kode
hr { margin-top : 2px; margin-bottom : 2px; border-top : 1px solid #e3e3e3; border-right-style : none; border-right-width : 0; border-bottom-style : none; border-bottom-width : 0; border-left-style : none; border-left-width : 0; }
dg maksud jika ada kode <#hr> maka data diatas akan menghiasnya, hr adalah kode garis horisontal. Jadi garis akan dibordir secara otomatis jika kode <#hr> disebutkan!, ini juga bisa diterapkan pada kode br, input, textarea, a, select, option, form, body, td, tr, table, li, ul, ol, menu, dan lainnya!

kita sebut .header .footer dan hr sebelum tanda { adalah devinisi
jadi jika ada data dg devinisinya sebelum tanda titik/. Maka akan menghias jika memakal <#div class="namadevinisi"> jika tanpa tanda titik maka akan menghias jika kode disebutjan seperti <#hr> tadi


isi dataadalah data diantara tanda { dan } seperti background-image: url(header.gif); color: #ffebad; text-shadow: #630000 1px 1px 1px; background-color: #f79e18; background-repeat: no-repeat; background-position: top right; margin-bottom: 1px; padding: 4px; border-bottom: 1px solid #ffa242; border-top: 1px solid #7b3000; height-max: 25px; font-weight: bold; border : 2px solid #F62817;

is data selalu diawali seperti tanda : dan diakhiri tanda ; seperti
border : 2px solid #F62817;

devinisi nama data:

background-image: adalah bekgron dg gambar. Ex: background-image: url(http://urlgambar.com/a.gif);

color: adalah warna teks. Ex: color: #ffebad;

text-shadow: adalah teks berbayang, yg diikuti warna teks! Dan ukuran pixel. Ex: text-shadow: #630000 1px 1px 1px;

background-color: adalah warna bekgron. Ex: background-color: #f79e18;

border-bottom/top/left/right:desain warna dan tebalnya dg pixel. Ex: border-bottom: 1px solid #ffa242; atau border-top: 1px solid #7b3000;

border : adalah desain yg mengelilinginya. Ex: border : 2px solid #F62817; }

font-size : ukuran hurup. Ex: font-size : small;

max-width: ukuran maximal. Ex:max-width: 500px;

dari penjelasan dan melihat cssku yg sudah jadi, kalian akan mengerti cara menyatukannya!