Taukah Anda apa itu CSS (Cascading Style Sheet) ? Cascading Style Sheet adalah suatu teknologi yang digunakan untuk memperindah tampilan halaman website (situs). Singkatnya dengan menggunakan Methode CSS ini anda dengan mudah mengubah secara keseluruhan warna dan tampilan yang ada di situs anda, sekaligus memformat ulang situs anda (merubah secara cepat).
Terdapat 3 langkah awal untuk memasang CSS:
1.External Style Sheet (file CSS berbeda dari file HTML)
Metode penulisan kode CSS langsung dalam file HTML. contoh:
.header {
width:900px;
height:50px;
border: 1px solid #640404;
}
.headerLeft {
width:400px;
background-color:#CCCCCC;
height:50px;
float:left;
text-align:center;
}
.headerRight {
width:450px;
background-color:#999999;
height:50px;
float:right;
text-align:center;
}
2.Internal Style Sheet (Kode CSS dipasang di dalam tag head HTML)
file CSS terpisah dengan HTML. Buat file dengan ekstention .css. contoh:
3.Inline Style Sheet (Kode CSS langsung dipasang di tag HTML)
Penulisan kode CSS dalam tag HTML. contoh:
Cara penulisan CSS sebagai berikut
1. Menggunakan tanda dot atau titik (.). sebagai awalan, contoh :.my_style {
background-color :red;
font-color :#fff;
}
Untuk pendeklarasiannya, karena memakai tanda (.) maka atribut yang digunakan adalah class. Sehingga contoh hasilnya adalah
sehingga hasilnya akan menjadi seperti ini :
bla bla bla
2. Tanpa memakai tanda # atau (.) tapi langsung diaplikasikan pada suatu kode html, contoh :div {
background-color:blue;
}
jika memakai cara seperti ini, maka semua tag div akan mempunyai style yang sama sesuai kode CSSnya.
3. Menggunakan tanda # sebagai awalan. Contohnya :#my_style {
background-color :#000;
font-color :#fff;
}
Untuk pendeklarasiannya, karena memakai tanda # maka atribut yang digunakan adalah id. Sehingga contoh pendeklarasiannya adalah
hasilnya seperti ini :
bla bla bla.
Semoga bermanfaat. ^-^
Saya sangat suka dengan film kartun ini, sangat mendidik, tak banyak dialog, imajinatif, sehingga mudah dimengerti oleh semua kalangan umur.
dp48_owner















Komentar Terakhir