- Kode CSS external/linked di tulis dalam satu file terpisah yang disimpan dengan ektention .css.
- Perlu memanggil file CSS tersebut ke dalam semua halaman web yang dibuat.
- Dengan cara ini, hanya perlu memiliki satu set kode CSS yang digunakan untuk semua halaman web.
- Tidak perlu membuka dokumen HTML untuk mengedit CSS (karena telah berupa file yang terpisah)
- File CSS yang sama dapat digunakan oleh beberapa dokumen yang berbeda, menghemat waktu dalam proses desain web
- Anda membuat satu file dengan notepad atau teks editor lain, dan beri nama, misalkan: style.css, lalu tuliskan kode-kode css di dalam file tersebut, misalnya :p {font-family: arial; font-size: small;}h1 {color: red; }
- Langkah kedua adalah memanggil file style.css dari semua halaman web. Caranya dengan memasukkan kode di bawah ini, di antara tag dan <head> dan </head> , misalnya :
<head>
<link rel=”stylesheet” href=”style.css” type=”text/css”>
</head>
Contoh Program :
File style.css
h3{ font-family:arial ; color: red ; font-style: italic}
p{font-family: verdana; color: blue; font-size: 12px}
file latihan.html
<html>
<head>
<title> Latihan kedua</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<h3>Judul Artikel</h3>
<h3>Judul Artikel Baru</h3>
<p>Contoh paragraf teks baru</p>
</body>
</html>
No comments:
Post a Comment