·         CSS Eksternal

Eksternal style sheet ideal ketika style diterapkan untuk beberapa halaman. Dengan sebuah eksternal style sheet, perubahan untuk keseluruhan halaman web dilakukan dengan merubah satu file saja.

Internal dan Eksternal sebenarnya konsepnya sama hanya dalam CSS Eksternal Filenya terpisah File HTML nya kita dapat mengetikkan kode pada notepad.

Contoh Kode pada CSS Eksternal :

<!--

h1{font-family: comic sans ms;

font-size: 20pt;

text-align: center;

color: black;

}

h2{font-family: calibri;

font-size: 12pt;

text-align: justify;

color: black;

text-align: center;

}

p{color: black;

  font-family:payurus;

  font-size: 15pt;

text-align: center;

}

-->

Ø  File Diatas disimpan pada folder yang sama dan ber extensi “.css”

Dan untuk HTML-nya kode pada dibawah ini :

 

<html>

<head>

<title>Contoh Penggunaan CSS eksternal</title>

<link rel="stylesheet" type="text/css" href="eksternal.css">

</head>

<body>

<h1>Penggunaan CSS Eksternal</h1>

<p>CSS eksternal harus dipisahkan atau berbeda halaman atau file <br> Cara penggunaanya diperkuat dengan link</p>

<br>

<h2>Pandapotan Girsang</h2>

</body>

</html>

 

 

 

 


Hasil :