CSS atau disebut Casading Style Sheet.
Adalah:
fashion designer-nya HTML, ia bisa didalam HTML ataupun ibarat orang lain (external CSS / file tersendiri.).
Keuntungan memiliki fashion designer (CSS) adalah:
- kamu dapat menghemat waktu dengan menggunakan external kamu cukup mengedit satu file dan mempengaruhi seluruh web page yang kamu desain.
- dengan CSS kamu dapat merubah gaya tag pada HTML.
- Efisien dalam File Size. Dengan External CSS kamu dapat menghemat space, sehingga mempengaruhi bandwidth hosting kamu [jika ada quota] walau tidak signifikan.
Kesulitan CSS:
ini adalah permasalahan yang ada dalam dunia Browser. masih banyak Browser yang tidak sepenuhnya dapat menerjemahkan CSS dengan lengkap. Namun jangan takut! sekarang semua browser telah melakukan standarisasi untuk menerjemah CSS.
Yang sejak dulu hingga kini [tapi belum tentu masa depan] permasalahan ada pada tampilan yang dihasilkan berbeda, terutama di Internet Explorer 6. Kendala ini pun dapat diatasi dengan CSS Hack.
Penulisan syntax untuk CSS:
selector { property : value; }
Selector : menunjukan tag HTML/nama variable.
Property : kata khusus CSS yang dapat memiliki nilai (value)
Value : nilai properti yang diinginkan.
contoh:
body {background-color:black}
body = menunjukkan tag <body> pada HTML yang akan dirubah
background-color = salah satu kata khusus CSS untuk merubah background.
black = nilai background-color.
diterjemahkan secara kasar:
"saya meminta body pada seluruh web page saya memiliki background berwarna hitam."
Penulisan CSS juga bisa seperti ini :
selector,selector,selector {property:value;}
contoh:
h1, h2, h3 {font-family: verdana;}
p {font: 12px arial;}
artinya
"saya meminta h1, h2, h3 menggunakan Font Verdana"
dan
"saya meminta p menggunakan Font Arial dengan ukuran sebesar 12 pixel"
Penggunaan CSS pada HTML menggunakan Atribut HTML, yaitu ID dan CLASS
Penulisan pada HTML:
<div id="container"> atau <div class="container">
Penulisan pada CSS:
#container atau .container
#[var] pada css menandakan id[var]
.[var] pada css menandakan class[var]
Perbedaan id dan class:
id hanya dapat digunakan untuk 1x pakai dalam 1 webpage
class dapat digunakan beberapa kali dalam 1 webpage
dalam pembuatan HTML memang ID maupun CLASS dapat digunakan beberapa kali tapi hal ini harus diperhatikan, karena jika membuat web professional, sebuah WEB PAGE Code setidaknya harus Valid dan sudah mengikuti Standarisasi Web Dunia.
untuk CSS Validator dan HTML Validator, kamu buka thread dibawah ini:
Tools Untuk Web Developer
Referensi untuk CSS:
[basic] css
pada user yang berhak.
Share This Thread