Pengenalan CSS dan Struktur Dari CSS
Assalamualaikum kali ini gw bakal kasih tau pengenalan dengan CSS atau Cascade Style Sheet. Langsung aja ke bagian pertama!
1.Pengenalan CSS
CSS adalah salah satu bahasa pemrograman yang di gunakan untuk mengubah tampilan sebuah index website menjadi bagus dan indah.
Dengan menggunakan CSS kita dapat mengatur Layout,Font,Garis,Warna dan masih banyak lagi.
CSS pertama kali di pertunjukan oleh seseorang bernama Hakon Wium Lie tahun 1994.
Versi Versi Dari CSS
CSS memiliki beberapa versi sejak pertama di perkenalkan yaitu:
CSS 1: Adalah versi pertama dari CSS tahun 17 Desember 1996
CSS 2: Adalah versi ke-2 dari CSS pada tahun Mei 1998
CSS 2.1: Adalah versi lanjutan dari versi sebelumnya pada tahun 7 Juni 2011
CSS 3: Adalah versi yang saat ini kita gunakan tahun 2012
CSS 4: Adalah versi yang belum jadi (Dalam Pengembangan)
Itulah beberapa versi dari bahasa pemrograman CSS, Tentu setiap pengembangan pasti ada sesuatu yang di perbagus.
2.Struktur Code CSS
Struktur CSS terbagi menjadi 3 bagian yaitu:
Selektor;Blok Deklarasi;Properti Dan Nilainya
Saya akan membahas satu persatu!
Selektor
Selektor adalah kata kunci untuk memilih elemen HTML yang akan di ambil
Contoh:
h1 { color: red; }
Artinya kamu memilih semua elemen <h1> dan diberi warna red (merah)
Selektor bisa berupa class,id dan atribut
Contoh:
/* Selektor dengan nama tag */ h2 { color: blue } /* Selektor degnan class */ .bg-yellow { backgound-color: yellow; } /* selektor dengan ID elemen */ #header { background: grey; } /* Selektor dengan Atribut */ input[type=text]{ background: yellow; }
Blok Deklarasi
Blok Deklarasi adalah tempat kita menulis atribut atribut pada CSS yang akan di berikan pada CSS
Contoh:
p { font-size: 18px; }
Artinya, kita akan mengatur ukuran font dari tag <p> sebesar 18px.
Blok deklarasi dimulai atau dibuka dengan tanda kurung { lalu ditutup dengan }.
Properti Dan Nilainya
Properti merupakan atribut atau sekumpulan aturan yang akan diberikan kepada elemen yang dipilih.
properti: "nilai";
Setiap properti harus diakhiri dengan titik koma (;). Apabila hanya terdapat satu properti, boleh tidak menggunakan titik koma.
Properti harus ditulis di dalam blok deklarasi.
Contoh:
blockquote { background: pink; }
Jangan tulis seperti ini:
background: pink; p { }
itulah pengenalan dasar tentang CSS dan beberapa bagian dari CSS, semoga bisa bermanfaat
