Pengenalan CSS

Apa itu css ?

Sebelum mempelajari CSS di harapkan pembaca telah menguasai Bahasa markup html dasar seperti pengunaan tag, fungsi-fungsi tag html dan atribut html. Bagi anda yang masih belum menguasai bahasa html, anda dapat mempelajari di artikel yang sudah penulis siapkan di link berikut BELAJAR HTML.

CSS kependekan dari Cascading Style Sheets yang artinya CSS adalah suatu intruksi untuk mengatur sebuah elemen html seperti tata letak, warna, ukuran dan lain-lain.

Struktur dasar css sebagai berikut:

selector { property : value ; }

• Selector

Selector merupakan key (kunci) untuk mengakses element html yang akan di manipulasi tampilannya. selector bisa berupa tag atau selector ID dan selector Class. selector ID dan Class, kita akan bahas di artikel selanjutnya.

• Property

Property merupakan bagian dari elemen html yang akan di manipulasi. misalnya background, ukuran teks, warna teks , posisi elemen dan lain-lain.

• Value

Value merupakan nilai dari property, contohnya jika property yang di tuju adalah background, maka value adalah warna, seperti blue, red, white, blak dan lain-lain. property dan value selalu perpasangan karena properti dan value satu kesatuan perintah.

• Blok CSS

Blok css ({ sampai }) yang menampug perintah CSS terhadap suatu elemen. di dalam blok ini proprty dan value di tempatkan, property dan value di pisahkan dengan tand titik dua (:), dan setiap perintah css selalau di akhiri denagn tanda titik koma (;). di dalam blok css bisa menampung lebih dari satu perintah, pengunaan css pada html seperti contoh di bawah ini:

p { color : red ; background : blue ; }

Contoh di atas akan mengubah element dengan tag <p> berwarna merah dan background biru.

Ada tiga konsep dalam penulisan css untuk mengatur tampilan dokumen html, yakni Inline CSS, Internal CSS dan Exsternal CSS dan ketiga konsep ini akan kita bahas di artikel selanjutnya.