Apa itu bahasa pemograman CSS ?
Apakah anda sudah mendengar tentang CSS? Apa itu dan seperti apa kode-kodenya? CSS kepanjangan dari Cascading Style. Jika kita ingin belajar membuat website, ada baiknya kita mengerti tentang bahasa pemograman CSS meski sedikit. Hampir semua website menggunakan bahasa CSS.
Bahasa pemograman CSS adalah suatu susunan kode-kode yang berfungsi untuk membuat tampilan website jadi keren, seperti tata letak ataupun warna website itu sendiri. Seiring dengan kemajuan teknologi, bahasa CSS juga mengalami perkembangan. Yang tadinya dari CSS1, CSS2 dan hingga artikel ini ditulis sudah mencapai CSS3.
Tentunya kode-kode CSS berdiri diatas bahasa HTML seperti yang sudah saya paparkan pada artikel ini. Anda akan menemui kode CSS pada tag <head> dan </head>. Biasanya didahului dengan kode <style> dan </style> atau jika pada template blogspot berada di antara kode <b:skin><![CDATA[ dan ditutup dengan kode ]]></b:skin>.
Kode bahasa pemograman CSS
Jenis kode bahasa pemograman CSS sangatlah banyak dan tidak mungkin kami tulis semua kode-kode CSS tersebut. Beberapa kode dibawah hanyalah contoh saja. Silahkan baca lebih lanjut!
width
width adalah sebuah kode CSS yang berfungsi untuk menentukan ukuran lebar website. Satuannya adalah px (pixel). Contoh penggunaannya seperti dibawah ini.
#outer-wrapper{width:940px;}
Outer-wrapper merupakan ID pada tata letak tertentu. Dan biasa dipakai pada tata letak terluar yang mencakup semua ID lainnya.
margin
Margin adalah kode CSS yang berfungsi untuk menentukan jarak suatu area terhadap area lain. Berlaku diluar ID.
padding
Padding adalah sebuah kode CSS untuk memberikan suatu jarak terhadap ID didalamnya.
float
Float juga termasuk salah satu kode CSS dimana berfungsi untuk menentukan dimana suatu ID akan ditempatkan. Biasanya digunakan pada beberapa ID pada satu baris. Misalnya ID = content-wrapper dan ID sidebar. content-wrapper akan kita letakkan di sebelah kiri dan sidebar akan kita letakkan di sebelah kanan. Maka kode CSS-nya seperti dibawah ini :
#content-wrapper{float:left;}
#sidebar{float:right;}
background-color
Kode yang satu ini nampaknya sudah jelas. Seperti namanya yaitu background-color, maka fungsinya juga seperti namanya yaitu untuk memberikan warna background website anda. Value yang bisa digunakan bisa kode HTML atau namanya langsung. Misalnya :
body{background-color:#ffffff;}
body{background-color:white;}
Kedua kode diatas akan memberikan output yang sama yaitu warna background website anda adalah putih. Kode yang atas adalah kode HTML sedangkan kode yang dibawah adalah namanya langsung dengan bahasa inggris.
color
Untuk kode color, adalah berlaku untuk warna text. Jadi untuk warna ada background-color dan color. Ingat itu.
font-family
font-size
Kedua kode CSS diatas nampaknya juga sudah jelas dari namanya. Dimana font-family merupakan jenis huruf yang digunakan. Ada banyak jenis huruf yang bisa anda gunakan pada website anda seperti arial, verdana, dan lain-lain. Sedangkan font-size merupakan ukuran font pada website anda.
font-weight
Untuk kode CSS adalah kode untuk ketebalan huruf pada website anda. Biasanya valuenya adalah bold atau bisa dengan angka yaitu 400,500,600 atau 700.
Nah kesembilan kode CSS diatas adalah kode-kode yang sering digunakan dalam pembuatan website. Jadi sebisa mungkin anda pahami dan kalau bisa diingat.
Tidak ada komentar:
Posting Komentar