little.bubble.blog

CSS merupakan kependekan dari Cascading Style Sheet yang memungkinkan kita untuk mendesain (style) tampilan dokumen (terutama HTML) dengan memisahkan isi dari dokumen HTML dengan kode untuk menampilkannya (CSS). Jika kita memiliki banyak file HTML, kita hanya perlu satu file CSS, sehingga ketika kita mengganti jenis huruf pada file CSS maka semua file HTML yang berhubungan pada file CSS tersebut akan berubah. CSS distandarisasi oleh W3C (World Wide Web Consortium). CSS dapat dipasang pada dikumen HTML yang telah jadi.
Memasang CSS

Ada 3 cara untuk memasang CSS pada dokumen HTML yaitu: External Style Sheet (file CSS berbeda dari file HTML), Internal Style Sheet (Kode CSS dipasang di dalam tag head HTML) dan Inline Style Sheet (Kode CSS langsung dipasang di tag HTML, tidak direkomendasikan). Saya sarankan anda menggunakan cara External Style Sheet karena lebih mudah dalam mengelolanya.

Adapun manfaat dari CSS adalah:
1. Kode HTML menjadi lebih sederhana dan lebih mudah diatur,
2. Ukuran file menjadi lebih kecil, sehingga load file lebih cepat,
3. Mudah untuk merubah tampilan, hanya dengan merubah file CSS saja,
4. Dapat berkolaborasi dengan JavaScript.
5. Digunakan dalam hampir semua web browser.

Pada umunya ada empat bagian yang sering ada dalam layout sebuah web yaitu:

Header –> berisi tema web/ judul
Menu –> menu link web
Content –> isi dari web
Footer –> identitas/ copyright

Itulah sedikit dasar-dasar CSS. Semoga dapat menambah wawasan dan bermanfaat bagi semua orang.

CSS atau Cascading Style Sheet merupakan bahasa pemrograman atau scripting yang biasanya digunakan untuk mengatur tampilan suatu website atau blog. Mungkin bagi para blogger sudah mengenal CSS. Karena blog khususnya yang hosting di blogspot memang menggunakan CSS untuk merubah dan mangatur tampilan pada blog itu sendiri. Tampilan disini maksudnya untuk mengatur tampilan blog yang kita miliki baik dari segi warna (huruf atau background), image, huruf dan elemen-elemen lain yang ada kaitannya dengan tampilan suatu blog atau web. Sebelum ada CSS, untuk mengatur tampilan suatu huruf biasanya menggunakan tag

bla bla bla

. Tapi setelah adanya CSS hal tersebut tidak perlu dilakukan lagi.Dengan kata lain CSS dapat lebih memudahkan kita dalam mengatur tampilan blog kita.

Cara pemasangan CSS ada tiga cara :
1.Internal Style Sheet : yaitu penulisan CSS dipasang pada tag head HTML
2.Eksternal Style Sheet : yaitu penulisan CSS dipasang terpisah dengan tag HTML
3.Inline Style Sheet : yaitu penulisan CSS dipasang di dalam Tag HTML (tanpa direkomendasikan).

CSS memiliki kekurangan, kekurangan dan kelebihan yaitu :

Kelebihan
1.Memisahkan desain dengan konten halaman web.
2.Mengatur desain seefisien mungkin.
3.Jika kita ingin mengubah suatu tema halaman web, cukup modifikasi pada css saja.
4.Menghadirkan sesuatu yang tidak dapat dilakukan oleh HTML.
5.Lebih mudah didownload karena lebih ringan ukuran filenya.
6.Satu CSS dapat digunakan banyak halaman web.

Kekurangan
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.


Dalam penulisan kode CSS mempunyai aturan tersendiri.
Cara pendeklarasian dan penulisan CSS
1.Menggunakan tanda # sebagai awalan.

Untuk pendeklarasiannya, karena memakai tanda # maka atribut yang digunakan adalah id.Tapi ingat, sifat dari id adalah unik. Makanya tidak boleh ada elemen lain yang memakai id yang sama pada suatu CSS.

2.Menggunakan tanda dot atau titik (.).
Untuk pendeklarasiannya, karena memakai tanda (.) maka atribut yang digunakan adalah class. Nah..kalo sifat dari id adalah unik, maka sebaliknya kalo class tidak unik dan bisa diaplikasikan lebih dari 1 class yang sama dalam suatu doc html.
3.Tanpa memakai tanda # atau (.) Nah jika memakai cara seperti ini, maka semua tag div akan mempunyai style yang sama sesuai kode CSSnya.