Aku mengenal CSS sewaktu di tempat kerjaku sekarang. Pas sekolah dulu cuman denger2 aja tentang CSS tapi belum mendalami lebih dalam. Ternyata dengan menggunakan CSS Website yang kita bikin lebih kreatif, flexibel. Untuk memakai Script CSS biasanya diletakkan antara tag <head></head>. Tetapi bila menggunakan halaman yang banyak dan CSS yg digunakan sama, daripada menulisnya lagi di halaman lain lebih baik CSS dijadikan satu aja dengan disimpan dalam format *.css. Untuk memakainya di halaman web tinggal kita panggil dengan <link href='styleindexfox.css' rel='stylesheet' type='text/css' />. Penggunaan CSS biasanya menggunakan Tag <div></div> misal isi script css :
<style type="text/css">
#header {
height:80px;
width:1000px;
margin-top:-15px;
margin-left:-10px;
margin-right:-10px;
padding-left:30px;
padding-top:5px;
padding-bottom:0px;
border-bottom:0px solid #BDB76B;
border-top:0px solid #BDB76B;
border-right:0px solid #BDB76B;
border-left:0px solid #BDB76B;
background-image:url(image/bgheader.jpg);
background-repeat:repeat-x;
background-position:top;
}
</style>
dan untuk menggunakan css di atas tinggal Tag divnya diberi id="header".
<div id="header">
</div>
Banyak sekali script CSS diantaranya :
height:80px;--> mengatur tinggi
width:1000px;-->mengatur lebar
margin:10px;-->mengatur jarak antar div
margin-left:10px;-->mengatur jarak div sebelah kiri untuk
kanan=right,atas=top,bawah=bottom
padding:10px;-->mengatur jarak dalam div
padding-left;-->mengatur jarak dalam div sebelah kiri untuk
kanan=right,atas=top,bawah=bottom
border:1px solid black;-->memberikan garis tepi setebal 1px berwarna hitam
border-left:1px solid black;-->memberikan garis tepi sebelah kiri
float:left;-->membuat div selalu sebelah kiri kalau untuk kanan=right
background:black;-->memberikan warna pada div
Untuk memberi background pada div :
background-image:url(image/h3-bg-black.gif);
background-repeat:no-repeat;
background-position:top;
font: bold 17px Arial;--> mengatur jenis,ukuran font dalam div
overflow:auto;-->otomatis akan ada scroolbar pada div bila isi dalam div melebihi batas. Untuk
menghilangkan scroolbar=none
dan mungkin masih ada lagi, soalnya yang saya ketahui sebatas ini.
<style type="text/css">
#header {
height:80px;
width:1000px;
margin-top:-15px;
margin-left:-10px;
margin-right:-10px;
padding-left:30px;
padding-top:5px;
padding-bottom:0px;
border-bottom:0px solid #BDB76B;
border-top:0px solid #BDB76B;
border-right:0px solid #BDB76B;
border-left:0px solid #BDB76B;
background-image:url(image/bgheader.jpg);
background-repeat:repeat-x;
background-position:top;
}
</style>
dan untuk menggunakan css di atas tinggal Tag divnya diberi id="header".
<div id="header">
</div>
Banyak sekali script CSS diantaranya :
height:80px;--> mengatur tinggi
width:1000px;-->mengatur lebar
margin:10px;-->mengatur jarak antar div
margin-left:10px;-->mengatur jarak div sebelah kiri untuk
kanan=right,atas=top,bawah=bottom
padding:10px;-->mengatur jarak dalam div
padding-left;-->mengatur jarak dalam div sebelah kiri untuk
kanan=right,atas=top,bawah=bottom
border:1px solid black;-->memberikan garis tepi setebal 1px berwarna hitam
border-left:1px solid black;-->memberikan garis tepi sebelah kiri
float:left;-->membuat div selalu sebelah kiri kalau untuk kanan=right
background:black;-->memberikan warna pada div
Untuk memberi background pada div :
background-image:url(image/h3-bg-black.gif);
background-repeat:no-repeat;
background-position:top;
font: bold 17px Arial;--> mengatur jenis,ukuran font dalam div
overflow:auto;-->otomatis akan ada scroolbar pada div bila isi dalam div melebihi batas. Untuk
menghilangkan scroolbar=none
dan mungkin masih ada lagi, soalnya yang saya ketahui sebatas ini.
Hello, my name is Jack Sparrow. I'm a 50 year old self-employed Pirate from the Caribbean. 
Tidak ada komentar:
Posting Komentar