Cara Menulis CSS | Cara Membuat CSS

Selasa, 24 Desember 2013

Cara Menulis Membuat CSS

Dalam Menuliskan ataupun Membuat CSS, ada beberapa hal yang harus teman-teman ketahui yaitu Syntax (aturan penulisan) dan Jenis dari CSS.

Agar lebih mudah dipahami, maka akan saya bgi Tutorial ini menjadi dua bagian yaitu Syntax dan Jenis CSS.

Syntax CSS ( Aturan Penulisan CSS )

Yang saya tahu, aturan penulisan dalam CSS itu cukup dengan mengapit kode property dengan simbol kurung kurawal '{ }' dan akhiri dengan declaration separator ';'.

Contoh mudahnya jika kita ingin mengganti warna background blog maka cukup teman-teman apit property dengan simbol kurung kurawal tadi dan juga akhiri dengan tanda separator ';'.

Contoh Pendeklarasian ke dalam CSS :

Ohiya lupa, saya ada gambar yang akan menjelaskan bagian-bagian dari CSS diantaranya Apa itu Selector, Property, Value dan Declaration Separator.

cara menulis css selector property value

Nah, sudah cukup jelas bukan ? intinya sesekarang setiap property harus diakhiri dengan Declaration Separator khusus untuk property terakhir atau property yang jumlahnya hanya satu, tidak menggunakan separator tidak masalah. Sekarang kita lanjutkan ke dalam Jenis CSS.

Jenis CSS ( Macam-macam CSS )

CSS sendiri mempunyai dua macam yaitu internal dan eksternal.

CSS Internal adalah CSS yang berada di dalam kode HTML, contohnya :

<body style="background; pink;">

Jadi kita tidak cukup menuliskan CSS langsung di HTML.

Sementara untuk yang CSS Eksternal adalah CSS yang berada di luar file HTML, jadi untuk menggunakan CSS tersebut diperlukan teknik khusu, yaitu menggunakan.

<link rel="stylesheet" href="domain.com/blabla.css" type="text/css">

Setelah dipanggil, kita bisa langsung menggunakannya, misalnya untuk memberi ID atau Class pada Div.