Cara Membuat Lembar Gaya Eksternal

by Jennifer Kyrnin

Menggunakan CSS Site Wide

Situs web adalah kombinasi gaya dan struktur, dan di web saat ini, adalah praktik terbaik untuk menjaga kedua aspek situs ini terpisah satu sama lain.

HTML selalu menjadi apa yang menyediakan situs dengan strukturnya. Pada masa awal Web, HTML juga berisi informasi gaya. Elemen seperti tag berserakan di kode HTML, menambahkan informasi tampilan dan nuansa bersama dengan informasi struktural. Gerakan standar web mendorong kami untuk mengubah praktik ini dan malah mendorong semua informasi gaya ke dalam CSS atau Cascading Style Sheets. Dengan mengambil langkah lebih jauh, rekomendasi saat ini adalah Anda menggunakan apa yang dikenal sebagai "style sheet eksternal" untuk kebutuhan styling situs web Anda.

Keuntungan dan Kerugian dari Style Sheet Eksternal

Salah satu hal terbaik tentang Cascading Style Sheets adalah Anda dapat menggunakannya untuk menjaga seluruh situs Anda tetap konsisten. Cara termudah untuk melakukannya adalah dengan menautkan atau mengimpor style sheet eksternal . Jika Anda menggunakan lembar gaya eksternal yang sama untuk setiap halaman situs Anda, Anda dapat yakin bahwa semua halaman akan memiliki gaya yang sama. Anda juga dapat mempermudah melakukan perubahan untuk masa depan. Karena setiap halaman menggunakan lembar gaya eksternal yang sama, setiap perubahan ke lembar itu akan memengaruhi setiap halaman situs. Ini jauh lebih baik daripada harus mengubah setiap halaman secara individual!

Keuntungan dari Style Sheet Eksternal

Anda dapat mengontrol tampilan dan nuansa beberapa dokumen sekaligus.
- Ini sangat berguna jika Anda bekerja dengan tim orang untuk membuat situs web Anda. Banyak aturan gaya dapat sulit untuk diingat, dan sementara Anda mungkin memiliki panduan gaya cetak, itu tidak efisien dan membosankan untuk terus membalik-baliknya untuk menentukan apakah teks contoh harus ditulis dalam 12 poin Arial font, atau 14 titik kurir. Dengan memiliki segalanya di satu tempat, dan karena tempat itu juga tempat Anda melakukan perubahan, Anda dapat membuat pemeliharaan jadi lebih mudah.
Anda dapat membuat kelas gaya yang kemudian dapat digunakan pada banyak elemen HTML berbeda.
- Jika Anda sering menggunakan style font tertentu untuk memberikan penekanan pada berbagai hal di halaman Anda, Anda dapat menggunakan atribut class yang Anda atur dalam style sheet Anda untuk mendapatkan tampilan dan nuansa ini, daripada mendefinisikan gaya tertentu untuk setiap contoh dari tekanan.
Anda dapat dengan mudah mengelompokkan gaya Anda menjadi lebih efisien.
- Semua metode pengelompokan yang tersedia untuk CSS dapat digunakan dalam style sheet eksternal, dan ini memberi Anda lebih banyak kontrol dan fleksibilitas pada halaman Anda.

Kekurangan Lembar Gaya Eksternal

Lembar gaya eksternal dapat meningkatkan waktu unduh, terutama jika ukurannya sangat besar. Karena file CSS adalah dokumen terpisah yang harus dimuat, itu akan mempengaruhi kinerja untuk melakukan unduhan itu.
Sheet style eksternal menjadi besar dengan sangat cepat karena sulit untuk mengatakan kapan sebuah style tidak lagi digunakan karena tidak dihapus ketika halaman dihapus. Pengelolaan file CSS yang tepat adalah penting, terutama jika beberapa orang bekerja pada file yang sama.
Jika Anda hanya memiliki situs web satu halaman, memiliki file eksternal untuk CSS mungkin tidak diperlukan karena Anda hanya memiliki satu halaman untuk bergaya. Banyak manfaat CSS eksternal hilang ketika Anda hanya memiliki satu halaman situs.