Pengenalan CSS

Apa itu CSS ?

CSS adalah singkatan dari Cascading Style Sheet yang tidak lain adalah standard untuk membuat dan memakai style untuk dokumen yang terstruktur. CSS atau yang merupakan kepanjangan dari Cascading Style Sheet, merupakan suatu bahasa yang dibuat pada halaman web untuk mempercantik tampilan web.

Apa kegunaan dari CSS?

CSS digunakan untuk mempersingkat penulisan tag HTML seperti color, font, table dan text menjadi lebih ringkas sehingga tidak terjadi pengulangan penulisan.

Selain itu, CSS juga memungkinkan halaman yang sama untuk ditampilkan dengan cara yang berbeda untuk metode presentasi yang berbeda, seperti melalui layar, cetak, suara, dan juga alat pembaca braille.

Apa keuntungan dari CSS?

1. CSS dapat memisahkan presentasi sebuah dokumen dari content dokumen itu sendiri

2. CSS dapat mempercepat proses rendering/ pembacaan HTML

3. CSS dapat mempermudah dan mempersingkat pembuatan serta pemeliharaan dokumen web

Kekurangan CSS:

Kekurangan CSS adalah tidak semua browser dapat mengartikan kode CSS dengan cara yang sama. Maksudnya?Terkadang, tampilan web dengan CSS terlihat baik di browser yang satu, tapi berantakan atau tidak sesuai dengan keinginan kita di browser yang lain. Kalo gitu jadi repot ya.Jadi kita harus memeriksa tampilan supaya terlihat baik di semua browser dan menambahkan kode-kode khusus browser tertentu jika ingin tampilannya terlihat bagus.

Istilah-istilah dalam CSS:

1. Style rule

Cascading style sheet adalah kumpulan aturan yang mendefinisikan style dari document.Contohnya saja kita bisa membuat aturan style yang menentukan bahwa semua di tampilkan dengan warna purple (ungu).Style rule juga bisa digunakan pada bagian tertentu dari web page. Contohnya kita bisa menentukan suatu paragraph tertentu agar ditampilkan dengan style bold dan italic ataupun underline sedangkan yang lain tetap seperti biasa.

2. Style sheet

Style sheet dapat di embedded ke HTML document atau biasa disebut embedded style sheet. Style sheet juga bisa dibuat sebagai external file dan di link ke document HTML.

3. Selector

selector { property1: value; property2:value, . . .} H2{ color:green; background-color:pink} Style sheets terdiri dari dua bagian:

a. Selector à bagian pertama sebelum tanda “{}” disebut selector

b. Declaration à Terdiri dari property dan nilainya.

CSS terdiri dari dua elemen dasar, yaitu : “selector” dan “declaration”.

Sebuah selector biasanya adalah tag HTML , sementara declaration adalah suatu perintah/nilai dari CSS yang menunjukkan type bentuk yang diaplikasikan pada selector.Declaration ini biasanya ditandai dengan kurung kurawal, dan perintah/nilai CSS yang berbeda dipisahkan satu dengan yang lain menggunakan titik koma.