Contoh CSS Eksternal
Style Sheet external adalah style sheet yang didefinisikan secara terpisah dalam file tersendiri. Dikarenakan pendefinisian file terpisah, maka harus diberikan ekstensi penyimpanannya dengan diakhiri .css ( contoh : style.css ) dan tidak perlu didefinisikan di dalam tag HTML. Sedangkan untuk dokumen HTML-nya harus dihubungkan menggunakan sebuah link untuk mengakses atau memanggilnya.
Sebagai contoh sederhana untuk mempraktikkan Cascade Style Sheet External dapat dicoba dengan mengetikkan kode program berikut ini :
H1{Font-family:"comic sans ms";font-size:16pt;font-weight:bold;Color:blue}
P{Font-family:"monotype corsiva";font-size:12pt;font-weight:bold;Color:red;text-align:justify}
body{font-family: verdana; font-size: 12px; background-color:#00FFFF}
Lalu simpan dengan nama style.css
Setelah itu, ketikkan kode program untuk membuat dokumen HTML berikut ini dan simpan dengan nama filehtml.htm agar dapat memanggil Cascade Style Sheet yang telah dibuat terpisah tadi.
<html>
<head>
<title>Membuat CSS External</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1>Contoh penggunaan Cascade Style Sheet External</h1>
<p> Style Sheet external adalah style sheet yang didefinisikan
secara terpisah dalam file tersendiri. Dikarenakan pendefinisian file
terpisah, maka harus diberikan ekstensi penyimpanannya dengan
diakhiri .css ( contoh : external.css ) dan tidak perlu didefinisikan di
dalam tag HTML. Sedangkan untuk dokumen HTML-nya harus
dihubungkan menggunakan sebuah link untuk mengakses atau
memanggilnya.</p>
</body>
</html>
