Selasa, 29 Desember 2009
di
02.01
|
101
comment
CSS (Cascading Style Sheet) atau yang biasa disebut style sheet merupakan bahasa pemrogaman yang digunakan untuk melengkapi bahasa pemrogaman HTML. Tujuan style sheet adalah untuk mempermudah penggunaan HTML dengan saling menautkan beberapa fungsi HTML hanya dengan penulisan beberapa baris kode. Bahasa CSS ini dikenalkan oleh organisasi W3C.
Keuntungan CSSCSS mampu menghindarkan pengulangan dalam penulisan tag HTML, sehingga ukuran file pun akan jauh lebih kecil. Dengan ukuran file yang kecil, proses loading situs web juga akan jauh lebih cepat.
Meskipun sebuah file CSS bisa diintegrasikan langsung dengan file HTML, namun umumnya file CSS dibuat secara terpisah, sehingga memungkinkan kita mendekorasi tampilan bagian-bagian tertentu dari halaman web secara serempak.
Inilah manfaat paling penting dari CSS! Mempelajari CSS bisa jadi bukan pekerjaan mudah. Namun, ada banyak keuntungan lain yang akan kita peroleh dengan menggunakan CSS ini, yaitu:
- Update tampilan lebih mudah
- Beban bandwidth lebih kecil
- Modifikasi web template lebih mudah
- Lebih mudah digunakan pada mobile phone
- Seacrh engine friendly
- Jika kita ingin mengubah suatu tema halaman web, cukup modifikasi pada css saja.
- Satu CSS dapat digunakan banyak halaman web.
- Tampilan pada browser berbeda-beda.
- Kadang juga terdapat browser yang tidak support CSS (browser lama).
- Harus tahu cara menggunakannya.
- dibutuhkan waktu lebih lama dalam membuatnya.
- Belum lagi ada bug/error dalam CSS.
Penulisan kode CSS dalam suatu template adalah berawalan:
kemudian dilanjutkan dengan pengaturan beberapa elemen template seperti layout, sidebar, dan content. Sedangkan tag penutupnya adalah . Untuk pengaturan layout, sidebar, dan konten biasanya ditulis dengan mengetik strip kemudian asterix lalu mengetik elemen yang ingin diatur, kemudian diakhiri dengan asterix dulu kemudian strip, contoh jelasnya seperti di bawah ini:/* layout */
body{
background: #339933;
font-family: Tahoma, Verdana, Arial;
padding: 0;
margin: 0;
}
#container{
width: 800px;
background: url("bg-container.jpg");
margin: 0 auto;
}
Sebenarnya masih banyak lagi hal mengenai CSS, tetapi saya hanya tahu segini saja. Mungkin jika asaya sudah lebih mengerti lagi saya akan lebih rinci lagi dalam menjelaskan tentang CSS. Sekian dulu postingan saya kali ini. Thanks to read.
Diposting oleh
M.Syaiful Rizal.B.
Label:
Tutorial

