Definisi CSS Eksternal dan Cara Menghubungkan ke Satu
Ketika browser web memuat halaman web, cara tampilannya ditentukan oleh informasi dari lembar style yang mengalir. Ada tiga cara untuk file HTML menggunakan style sheet: eksternal, internal, dan in-line.
Lembar gaya internal dan in-line disimpan dalam file HTML itu sendiri. Mereka mudah untuk bekerja dengan saat ini tetapi karena mereka tidak disimpan di lokasi pusat, tidak mungkin untuk dengan mudah melakukan perubahan pada styling di seluruh situs web sekaligus; Anda harus kembali ke setiap entri dan mengubahnya secara manual.
Namun, dengan style sheet eksternal, instruksi untuk rendering halaman disimpan dalam satu file, yang membuatnya sangat mudah untuk mengedit styling di seluruh situs web atau beberapa elemen. File menggunakan ekstensi file .CSS, dan tautan ke lokasi file itu dimasukkan dalam dokumen HTML sehingga browser web tahu di mana harus mencari petunjuk styling.
Satu atau beberapa dokumen dapat ditautkan ke file CSS yang sama, dan situs web mungkin memiliki banyak file CSS yang unik untuk menata halaman, tabel, gambar, dll yang berbeda.
Cara Menghubungkan ke Lembar Gaya Eksternal
Setiap halaman web yang ingin menggunakan style sheet eksternal tertentu perlu menghubungkan ke file CSS dari dalam bagian , seperti ini:
Dalam contoh ini, satu-satunya hal yang perlu diubah untuk membuatnya berlaku untuk dokumen Anda sendiri, adalah teks styles.css . Ini adalah lokasi file CSS Anda.
Jika file tersebut benar-benar disebut styles.css dan terletak di folder yang sama persis dengan dokumen yang menautkannya, maka file itu dapat tetap persis seperti yang dibaca di atas. Namun, kemungkinan file CSS Anda diberi judul yang lain, dalam hal ini Anda dapat mengubah nama dari "gaya" menjadi milik Anda.
Jika file CSS tidak berada di root folder ini tetapi di subfolder, mungkin akan membaca sesuatu seperti ini sebagai gantinya:
Informasi Lebih Lanjut tentang File CSS Eksternal
Manfaat terbesar dari style sheet eksternal adalah bahwa mereka tidak terikat pada halaman tertentu. Jika styling dilakukan secara internal atau in-line, halaman lain di situs web tidak dapat menunjukkan preferensi styling tersebut.
Dengan styling eksternal, bagaimanapun, file CSS yang sama dapat digunakan untuk setiap halaman secara harfiah di situs web sehingga semuanya memiliki tampilan yang seragam, dan mengedit konten CSS seluruh situs web sangat mudah dan terpusat.
Anda dapat melihat cara kerjanya di bawah ...
Gaya internal membutuhkan penggunaan tag