Tampilkan postingan dengan label Tutorial. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial. Tampilkan semua postingan

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 CSS
CSS 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:
  1. Update tampilan lebih mudah
  2. Beban bandwidth lebih kecil
  3. Modifikasi web template lebih mudah
  4. Lebih mudah digunakan pada mobile phone
  5. Seacrh engine friendly
  6. Jika kita ingin mengubah suatu tema halaman web, cukup modifikasi pada css saja.
  7. Satu CSS dapat digunakan banyak halaman web.
Kekurangan CSS
  1. Tampilan pada browser berbeda-beda.
  2. Kadang juga terdapat browser yang tidak support CSS (browser lama).
  3. Harus tahu cara menggunakannya.
  4. dibutuhkan waktu lebih lama dalam membuatnya.
  5. Belum lagi ada bug/error dalam CSS.
Penulisan Kode CSS

Penulisan kode CSS dalam suatu template adalah berawalan: . 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:
Visit the Site
MARVEL and SPIDER-MAN: TM & 2007 Marvel Characters, Inc. Motion Picture © 2007 Columbia Pictures Industries, Inc. All Rights Reserved. 2007 Sony Pictures Digital Inc. All rights reserved. blogger templates