Pengenalan CSS
Pengertian apa yang dimaksud dengan css?
Css adalah kependekan dari Cascading style sheet.
CSS merupakan salah satu kode pemrograman yang bertujuan untuk menghias dan mengatur gaya tampilan/layout halaman web supaya lebih elegan dan menarik.
CSS adalah sebuah teknologi internet yang direkomendasikan World wide web consortium atau W3C pada tahun 1996
Awalnya CSS dikembangkan di SGML pada tahun 1970, dan terus dikembangkan hingga saat ini.
CSS telah mendukung banyak bahasa Markup seperti HTML,XHTML,XML,SVG(scalable vector grafic),dan Mozilla XUL(XML user interface language).
Pada Desember 1996, W3C memperkenalkan level 1 spesifikasi CSS atau juga dikenal dengan CSS1 yang mendukung format warna font teks dan lain-lain.
Kemudian Mei 1998,W3C menerbitkan CSS2 yang didalamnya diatur fungsi peletakan elemen.
Dan sekarang W3C telah memperbaiki dan meningkatkan kemampuan CSS2 ke CSS 4.
CSS digunakan oleh web programmer dan juga web designer untuk menentukan warna, tata letak font, dan Semua aspek lain dari presentasi dokumen di situs mereka.
Saat ini hampir tidak ada situs web yang dibangun tanpa kode CSS.
Pengertian selector, property, dan value pada CSS
Selector, property, dan value ini adalah elemen inti dari CSS, kita akan pelajari mengenai CSS dan membahas tentang ketiga aspek ini.
Karena kode CSS ini digunakan untuk mengubah atau memanipulasi tampilan dari tag HTML, CSS membutuhkan suatu cara untuk "mereferensikan" atau menghubungkan kode CSS dengan tag HTML yang sesuai.
Inilah yang dimaksud dengan selector dalam CSS.
Sesuai dengan namanya, selector digunakan untuk mencari bagian web yang ingin dimanipulasi atau yang ingin di-style.
Misalnya kita cari seluruh tag "p" atau cari seluruh tag HTML yang memiliki atribut class="warning" atau cari seluruh link yang ada dalam tag"p".
Selector paling dasar dari CSS adalah tag dari HTML itu sendiri, misalnya tag p,i,h1,li dan lain lain.
Selector dalam CSS dapat menjadi kompleks tergantung kebutuhannya.
Property CSS adalah jenis style, atau elemen apa yang akan diubah dari sebuah tag HTML.
CSS memiliki puluhan property yang dapat digunakan agar menampilkan hasil akhir yang kita inginkan.
Hampir semua property dalam CSS dapat dipakai untuk seluruh selector
Jika selector digunakan misalnya untuk "mencari seluruh tag p", maka property adalah efek apa yang ingin dimanipulasi dari tag p tersebut, seperti ukuran text, warna text, jenis font, dan lain lain.
Value CSS adalah nilai dari property.
Misalkan untuk property background color yang digunakan untuk mengubah warna latar belakang dari sebuah selector, value atau nilainya dapat berupa red, blue, black, atau white.
Untuk lebih jelasnya tentang selector, property, dan value pada CSS, dapat dilihat pada gambar dibawah ini:
Aturan dan penulisan kode CSS
Penulisan kode CSS dalam HTML dibagi menjadi tiga cara, internal, inline, dan eksternal.
Pembagian ini berdasarkan letak kode CSS tersebut ditulis.
a.internal CSS
Internal CSS adalah istilah untuk kode CSS yang ditulis langsung dalam berkas HTML.
Kode CSS ini dituliskan pada tag style.
Tag ini bisa ditulis di dalam blog head ataupun body, atau di keduanya, berikut ini contoh internal CSS.
b.Eksternal CSS
Eksternal css adalah kode css yang ditulis terpisah dengan kode HTML.
Eksternal CSS ditulis di sebuah berkas khusus yang berekstensi ".css".
Untuk menggunakan CSS tersebut dalam HTML, kita perlu mengimpor nya
Ada beberapa cara memasukkan kode CSS dan berkas eksternal, pertama menggunakan tag "link".
c.Inline CSS
Inline CSS adalah kode CSS yang ditulis langsung pada atribut elemen HTML.
Setiap elemen HTML memiliki atribut style, disanalah inline CSS ditulis.Contoh seperti ini
Comments
Post a Comment