Html External Style Sheet

Penulisan style menggunakan eksternal CSS file sangat efisien dan efektif untuk menerapkan style di banyak halaman web. Saat kita butuk mengganti style, cukup mengubah pada 1 file ekstensi .css maka seluruh halaman web dengan link rujukan file tersebut akan berganti.

Contoh:
Buat terlebih dahulu file berekstensi .css dengan nama sample.css dan berisikan code selaku berikut:
h1
    color:blue;
    font-family:verdana;
    font-size:14pt;

p 
    color:red;
    font-family:courier;
    font-size:11pt;


p#beda
    color:green;


p.kalangan
    color:purple;


Kemudian pada dokumen html yang hendak kita buat tambahkan link ke file css  tersebut. Sesuaikan elemen dengan tag id dan tag class, untuk menerima style yang terdapat pada file css.


  rel="stylesheet" href="sample.css">


 

This is a heading

 

Ini paragraft umum1.

  class="golongan">Ini paragraft class kalangan 1.

 

Ini paragraft umum2.

 

Ini paragraft lazim3.

  id="beda">Ini paragraft Beda.

  class="kalangan">Ini paragraft class kelompok 2.

Tampilan pada Browser:

Click here if you like this article.



Sumber http://rani-irsan.blogspot.com