Pada CSS eksternal, kode CSS ditulis dalam file terpisah dengan ekstensi .css dan dihubungkan dengan tag < link > pada bagian head dari halaman web. Berikut ini adalah contoh kode CSS eksternal:
Contoh kode CSS dalam file style.css:
p {
color: #000000;
font-size: 16px;
}
Contoh kode HTML yang menghubungkan file CSS:
Ini adalah sebuah paragraf.
Dalam contoh di atas, kode CSS ditulis dalam file terpisah dengan nama style.css. File CSS tersebut dihubungkan dengan tag < link > pada bagian head dari halaman web. Selanjutnya, pada bagian body, tag < p > digunakan untuk menampilkan sebuah paragraf dengan gaya tampilan yang telah ditentukan pada file CSS.
Penggunaan CSS eksternal memungkinkan penggunaan kembali kode CSS pada berbagai halaman web, memungkinkan pengelolaan kode CSS yang lebih mudah, dan mempercepat waktu loading halaman web.
Selain itu, memisahkan tampilan dari konten pada halaman web dengan menggunakan CSS eksternal juga memudahkan perubahan tampilan pada halaman web tanpa mengganggu konten.
Follow us on
