Satu dari beberapa kehebatan tekhnologi css ini dan merupakan alasan banyak orang menyukai penggunaannya adalah memperbolehkan kita untuk mendefinisikan sebuah style sheet global yang dapat menerapkan aturan-aturan css tersebut untuk keseluruhan dokumen-dokumen HTML pada halaman website anda.
Keuntungannya sudah jelas, jika kita ingin mengubah tampilan website, kita hanya mengedit satu file saja dan hasilnya akan di refleksikan pada keseluruhan dokumen HTML yang dilink ke situ.
Anggap saja anda mempunyai Style-Sheet yang diberi nama "global.css" yang diletakkan pada server "www.situskamu.com/global.css". Untuk memberikan pengaruh aturan Style-Sheet kesemua atau ke spesifik dokumen HTML, gampangnya tambahkan saja kode sederhana ini di dalam tag <HEAD> pada dokumen HTML anda, seperti ini :
<HEAD>
<LINK REL="stylesheet" HREF="http://www.situskamu.com/global.css"
TYPE="text/css">
</HEAD>
Dan semua aturan Style Sheet dalam "global.css" secara automatis akan diterapkan kedalam dokumen HTML yang ingin diberi Style-Sheet.
Kamu juga dapat mengimport Style Sheet dengan menggunakan keyword (kata-kunci) "@import", mau tau contohnya? Nih simak baik-baik :
<STYLE TYPE="text/css">
@import url(http://www.situskamu.com/global.css);
P {color: yellow}
</STYLE>
Keuntungannya sudah jelas, jika kita ingin mengubah tampilan website, kita hanya mengedit satu file saja dan hasilnya akan di refleksikan pada keseluruhan dokumen HTML yang dilink ke situ.
Anggap saja anda mempunyai Style-Sheet yang diberi nama "global.css" yang diletakkan pada server "www.situskamu.com/global.css". Untuk memberikan pengaruh aturan Style-Sheet kesemua atau ke spesifik dokumen HTML, gampangnya tambahkan saja kode sederhana ini di dalam tag <HEAD> pada dokumen HTML anda, seperti ini :
<HEAD>
<LINK REL="stylesheet" HREF="http://www.situskamu.com/global.css"
TYPE="text/css">
</HEAD>
Dan semua aturan Style Sheet dalam "global.css" secara automatis akan diterapkan kedalam dokumen HTML yang ingin diberi Style-Sheet.
Kamu juga dapat mengimport Style Sheet dengan menggunakan keyword (kata-kunci) "@import", mau tau contohnya? Nih simak baik-baik :
<STYLE TYPE="text/css">
@import url(http://www.situskamu.com/global.css);
P {color: yellow}
</STYLE>
kamu juga dapat menerapkan aturan CSS berdasarkan "case to case", dengan menambahkan atribut CSS
ke dalam kode HTML itu sendiri. Contohnya :
ke dalam kode HTML itu sendiri. Contohnya :
<HTML>
<HEAD>
</HEAD>
<BODY>
P: Mengapa jika kita anggap <B STYLE="color: lime; backgroundcolor:
black"> suatu pekerjaan</B> itu mudah
maka pekerjaan itu akan beneran menjadi <B STYLE="color:
lime; background-color: black"> lebih mudah</B>?
<P>
J: Karena itu merupakan <B STYLE="color: lime; backgroundcolor:
black">sugesti</B> terhadap <B STYLE="color: lime;
background-color: black">diri kita
sendiri</B>
</BODY>
</HTML>
Gimana? Mudah bukan? Anda harus mensugestikan hal ini mudah jika ingin benar-benar mudah.
<HEAD>
</HEAD>
<BODY>
P: Mengapa jika kita anggap <B STYLE="color: lime; backgroundcolor:
black"> suatu pekerjaan</B> itu mudah
maka pekerjaan itu akan beneran menjadi <B STYLE="color:
lime; background-color: black"> lebih mudah</B>?
<P>
J: Karena itu merupakan <B STYLE="color: lime; backgroundcolor:
black">sugesti</B> terhadap <B STYLE="color: lime;
background-color: black">diri kita
sendiri</B>
</BODY>
</HTML>
Gimana? Mudah bukan? Anda harus mensugestikan hal ini mudah jika ingin benar-benar mudah.
0 komentar:
Posting Komentar