Memasukkan CSS ke dalam dokumen XHTML

Untuk memasukkan CSS ke dalam dokumen XHTML dapat dikerjakan dengan berbagai cara. Cara-cara tersebut adalah

1. Dengan embedded style sheet.
   Dalam embedded style sheet ini kita menggunakan tag <style></style>
   Contoh penggunaannya:
   <style type=”text/css”>
       body
      {
           color: blue;
      }
   </style> 
   Pada metode ini kita hanya menggunakan sebuah file yaitu file XHTML sendiri
2. Link ke external style sheet
   Dalam metode ini, kita membuat file CSSnya terpisah dengan dokumen XHTML. Untuk menghubungkan XHTML dengan cssnya kita menggunakan tag <link> dengan format
   <link rel=”stylesheet” href=”path ke css” type=”text/css”/>
   Atribut rel=”stylesheet” menunjukkan bahwa relasi antara dokumen yang melink dengan dokumen yang dilink adalah stylesheet.
   Atribut href berisi lokasi dari file CSS, lokasi ini bisa absolut dan bisa juga relatif.
   Atribut type=”text/css” menunjuk kepada tipe dari MIME
   Metode ini banyak dipakai untuk memisahkan antara data dengan tampilan. Tampilan yang berisi layout dan disain ini diletakkan di dalam CSS. Dengan demikian pada file XHTML data akan kelihatan jelas. Perubahan tampilan maupun disain dilakukan dengan mengubah CSS. Dengan cara ini juga maka kita akan mudah untuk mengubah disain keseluruhan website karena hanya mengubah sebuah file CSS
3. Import ke external dengan import.
   Metode ini sama dengan metode ke 2 tetapi dengan menggunakan format seperti
   <style type=”text/css”>
       @import url(path ke css);
   </style> 
   Path ke CSS ini bisa absolut dan juga bisa relatif
4. Inline style
   Pada metode ini style langsung diaplikasikan ke dalam tag XHTML.
   Contoh:
   <span style=”font-size:12px;color:yellow;”>Testing saja</span> 
   Metode ini tidak boleh dilakukan secara terus menerus karena menyebabkan campurnya data dan tampilan. Hanya kondisi darurat metode ini boleh dilakukan. 

Kunjungi www.proweb.co.id untuk menambah wawasan anda.