Pengertian dan Keuntungan serta kekurangan CSS

a. Pengertian Cascading Style Sheet (CSS)

1) Cascading Style Sheets (CSS) atau sering disebut dengan (stylesheet) adalah suatu teknologi (file) yang berisi kumpulan kode-kode yang berurutan dan saling berhubungan dan digunakan untuk mengatur format/tampilan halaman website.

2) Dengan CSS kita dapat dengan mudah mengubah keseluruhan warna dan tampilan yang ada di situs sekaligus memformat ulang tampilan situs.

3) CSS ini telah distandarkan oleh World Wide Web Consortium (W3C) untuk digunakan di web browser.

 Sejarah CSS

a. 1996, W3C merekomendasikan penggunaan CSS dalam dokumen web. Tujuannya untuk mengurangi adanya TAG baru untuk format tampilan web, karena saat itu Netscape dan IE ingin mengembangkan TAG sendiri.

b. CSS pertama yang muncul adalah CSS level 1, yang mendukung beberapa pengaturan sebagai berikut:

- Jenis font dan ketebalan font

- Warna, background, dan teks

- Posisi teks, gambar, dan lainnya

- Margin, border, dan padding

c. Pertengahan 1998, W3C menyempurnakan CSS awal dengan membuat standar CSS2 yang menjadi standart hingga saat ini.

d. Saat ini sudah dikembangan CSS level 3.

b. Fungsi /Keuntungan CSS

1. Dengan CSS, memungkinkan web developer mendapatkan file web yang lebih kecil.

Hal ini karena pengaturan style oleh CSS dibuat secara terpisah dan di import ke dalam file utama.

2. Kecepatan akses akan lebih cepat.

Dengan file web yang lebih kecil, hal ini juga akan berpengaruh terhadap kecepatan akses/membuka halaman situs.

3. Mempermudah kontrol style dari seluruh halaman website.

Dengan menggunakan CSS akan sangat mempermudah mengotrol style dari seluruh halaman web site. Hal ini dikarenakan kita hanya merubah satu halaman untuk merubah seluruh style dari sebuah website.

4. CSS memungkinkan untuk menyembunyikan content dari browser, tapi masih di index oleh mesin pencari.

CSS memungkinkan kita menyembunyikan Content dari halaman website dari browser, tetapi memungkinkan masih dibaca oleh google. Tujuan hal ini, misal kita masih menghendaki sebuah content untuk disembunyikan dari browser, tatapi masih bisa nampak ketika diprint, atau sebaliknya.

5. Pengunjung/user yang berbeda dapat memiliki CSS yang berbeda pula.

Dengan CSS, kita dapat memberikan tampilan yang berbeda kepada pengunjung/user yang berbeda.

Kekurangan CSS

Tidak semua browser mengartikan kode CSS dengan cara yang sama.

Kadang-kadang, tampilan web dengan suatu CSS terlihat baik di browser yang satu, tapi kurang baik di browser yang lain. Jadi sebagai web developer kita harus memeriksa tampilan situs yang dibuat supaya terlihat baik di semua browser dan menambahkan kode-kode khusus browser tertentu jika memang dibutuhkan agar tampilan situs kita terlihat baik di semua browser.

Konsep Dasar CSS

a. Sebuah style sheet terdiri dari beberapa aturan (rules).

b. Masing-masing aturan terdiri dari satu atau lebih selektor (selector) dan sebuah blok deklarasi (declaration block).

c. Dalam satu aturan, dapat ditulis lebih dari satu selector (style group), dan masing-masing selector harus dipisah dengan tanda koma (,).

d. Sebuah blok deklarasi terdiri dari beberapa deklarasi yang dipisahkan oleh titik koma (;).

e. Masing-masing deklarasi terdiri dari property, titik dua (:) dan nilai (value).

f. Style sheet dapat diberi komentar (dengan syntax pembuka (/*) dan penutup (*/) untuk mempermudah koreksi.

g. Segala teks yang ada di dalam komentar tidak akan dibaca sebagai kode