DISKON TERBATAS! Masukkan kupon "skillbaru" saat checkout di kelas apa saja
Skodev
Belajar coding dalam bahasa Indonesia
Daftar Isi:
Dalam mendesain suatu website, CSS memegang peranan penting dalam merapikan struktur dan tampilan website. Sebuah website dapat memiliki lebih dari satu halaman, dan menggunakan CSS eksternal dapat menjadi solusi efisien untuk menerapkan gaya yang sama ke semua halaman website kamu. Di sini, kita akan membahas mengenai cara membuat CSS eksternal.
Yang pertama harus kamu lakukan adalah membuat file CSS baru. File ini biasanya memiliki ekstensi .css. Kamu bisa membuat file ini menggunakan text editor apa pun yang kamu sukai, seperti Notepad atau Sublime Text.
Cantumkan semua kode CSS kamu di dalam file ini. Pastikan kamu mengorganisasikannya dengan baik, sehingga dalam waktu kedepan kamu tidak akan mengalami kesulitan saat mengeditnya.
Setelah file CSS eksternal sudah siap, langkah selanjutnya adalah menautkannya ke dalam file HTML kamu. Hal ini bisa kamu lakukan dengan menambahkan tag <link>
pada bagian <head>
di file HTML kamu.
Berikut adalah cara penulisannya:
<head>
<link rel="stylesheet" type="text/css" href="namastyle.css">
</head>
Tergantung letak file CSS kamu, kamu mungkin perlu untuk menyesuaikan nilai dari atribut href
. Misalnya jika file CSS kamu berada di dalam folder yang berbeda, kamu harus menulis path secara lengkap.
Setelah menautkan file CSS, lakukan uji-coba untuk memastikan bahwa file CSS eksternal berfungsi dengan benar. Kamu dapat melakukan ini dengan membuka file HTML kamu di browser dan melihat apakah tampilannya sudah sesuai dengan kreasi CSS kamu.
Jika CSS eksternal kamu tidak berfungsi, ada beberapa hal yang bisa kamu cek sebagai solusi:
Kesalahan pengetikan dalam menulis kode atau kesalahan pada penulisan link ke file CSS eksternal di dalam file HTML.
Pastikan bahwa browser kamu mendukung CSS. Semua browser modern mendukung CSS, jadi jika kamu menggunakan browser yang sudah usang, pertimbangkan untuk menggantinya.
Terakhir, cek apakah file CSS kamu sudah ditautkan dengan benar di dalam file HTML. Kesalahan penautan file bisa menyebabkan CSS tidak tertaut.
Itulah cara membuat CSS Eksternal, semoga bermanfaat dan memudahkan pekerjaan desain website kamu. Dengan praktek dan konsisten, kamu pasti bisa menjadi lebih ahli dalam pembuatan dan penggunaan CSS.
Link terkait: