Penggunaan CSS ada beberapa cara diantaranya sebagai berikut :
- Langsung disisipkan didalam tag <head></head>. Untuk menyisipkan di dalam tag head harus diawali dengan tag <style type="text/css"></style>
- Menggunakan file external, artinya script css ditulis dalam file tersendiri dengan akhiran .css. dan sisipkan file ini di dalam tag <head> dengan cara seperti ini <head><link rel="stylesheet" href="css/style.css" type="text/css" /></head>
- Langsung pada tag yang bersangkutan, misalkan <div style="style_nya"></div> Ada aturan dalam penulisan CSS ini, CSS ditulis dalam bentuk block-block script yang disebut style. Dan Saya akan mencoba menjelaskan lebih detail lagi dalam cara menuliskan CSS.
- Menggunakan tanda # sebagai awalan style, contohnya #gaya{background-color:blue;} tanda ini berarti untuk menggunakan style ini harus menggunkana atribut id, dan setiap tag pasti memiliki atribut id, misal <div id="somplak">teks</div>. Sifat dari id adalah unik, tidak boleh ada elemen yang memiliki id yang sama, oleh karena itu style ini hanya bisa digunakan sekali.
- Menggunakan tanda dot (.) sebagai awalan style.
- gaya{background-color:blue;}
untuk menggunakan style ini harus menggunakan atribut class, setiap tag pasti memiliki atribut class. Misalkan <div class="sompret">teks</div>. Sifat dari class adalah tidak unik, artinya dalam 1 dokumen HTML boleh memiliki lebih dari 1 class yang sama. Dengan menggunakan tag - Tanpa tanda, tetapi langsung mengarah pada tag HTML, misalkan div{background-color:blue;} artinya semua tag div akan dikenai style tersebut
- Turunan, baik # maupun dot (.) bisa menurunkan style. Style anak juga akan memiliki style dari induk. Sebagai contoh :
#induk .anak{
background-color:red;
} cara menggunakannya
<div id="induk">
<div class="anak">na_na</div>
</div>
artinya class anak adalah turunan dari id induk. Jika id induk dihilangkan, maka class anak tidak akan bekerja.
Penggunaan tanda # atau dot(.) tergatung pada kasus yang dihadapi, dan bervariasi. Awalnya bingung cara menggunakanya, kayaknya sih sama saja, tapi kalo sobat sering menggunakannya, ada saat yang tepat apakah sobat akan menggunakan tanda # atau dot(.) atau mungkin turunan. Sedikit tentang dasar CSS dan semoga dapat membantu sobat, yang pastinya CSS tidak bisa ditinggalkan dalam pengolahan halaman web dan browser juga sudah ada yang membuat script CSS yang hanya support dengan browser tersebut misalnya Mozilla Firefox, atau yang lainnya.