Uhm.. berawal dari seringnya seorang teman bertanya tanya tentang jenis makanan aneh (menurutnya) yang bernama CSS jadi punya ide buat sedikit bagi tutorial, sebnernya css itu seperti apa bentuk dan wujudnya. CSS yang kepanjangannya rada ribet kalo disebutin Cascading Stylesheets,yah gitu deh pokoknya. Sama halnya dengan saya dulu, sebelum kenal ama CSS, suka ngabisin halaman web dengan aturan yang sama dan itu berulang2 pula. Begitu kenal ama MIss CSS, hehe.. script html jadi bisa dibuat pendek. Hanya butuh bikin class n aturan aturan yang nanti dipanggil kalo mau dipake. Dicoba aja Yah..
ini, ada sebuah script pendek. simpan dan kasi nama dengan home.html
Nah, kalo udah.. coba sekarang kamu copy script ini, trus dikasi nama style.css.
body {
background: #dddddd;
color: #000;
font-family: Verdana, Helvetica, sans-serif;
font-size: 11px
}
#halaman {
background: #FFFF00;
border: thick double red
margin: 10px auto;
padding: 10px;
width: 700px
align: center;
}
#menu {
background: #DDff00;
border: thin dotted #800080
margin: 10px auto;
padding: 10px;
text-align: center;
align: center;
}
#bawah {
background: #DDFF00;
border: thin dotted #800080
margin: 10px auto;
padding: 10px;
text-align: center;
align: center;
}
H1, H2, H3, H4, H5, H6 { color: blue; font-family: sans-serif }
H1 { text-align: center }
huhu… sekarang coba jalanin di browser.. xixixi, emang si warnanya agak sedikit mencolok. Tujuannya si supaya bedanya keliatan. kalo ada pertanyaan, FF0000 itu apa?? align: center itu apa?? margin itu apa? padding itu apa?? hehehe.. cari cari di tutorial aja .. tanya ma om Goo. kalo dikasi disini bisa bikin 100 seri tutorial css dan saya ga pulang2.. 
semoga membantu. 
No comments:
Post a Comment