CARA MEMANGGIL CSS

Dalam pembuatan suatu website, CSS merupakan salah satu komponen yang sangat penting untuk menentukan tampilan dari website tersebut. Namun, bagaimana cara memanggil file CSS tersebut pada halaman web? Artikel ini akan memberikan penjelasan sederhana mengenai bagaimana memanggil CSS.

Menggunakan Tag <link>

Salah satu cara paling umum untuk memanggil CSS adalah dengan menggunakan tag <link>. Tag ini biasanya ditempatkan di dalam elemen head di halaman HTML. Berikut adalah format umum dari tag <link>:

<link rel="stylesheet" type="text/css" href="namafile.css">

Bagian href

href adalah atribut penting dalam tag <link>, yang merupakan lokasi dari file CSS yang ingin dipanggil. Kamu perlu memasukkan nama file CSS yang ingin kamu gunakan di sini. Misalnya:

<link rel="stylesheet" type="text/css" href="style.css">

Bagian rel

Atribut rel mendefinisikan hubungan antara halaman HTML dan file yang di-link. Dalam hal ini, nilai rel adalah stylesheet, yang berarti file yang di-link adalah lembar gaya untuk halaman ini.

Bagian type

Atribut type mendefinisikan jenis media dari file yang di-link. Dalam hal ini, nilai type adalah text/css, yang berarti file yang di-link adalah file CSS.

Menggunakan Tag <style>

Selain menggunakan tag <link>, kamu juga bisa memanggil CSS langsung di dalam halaman HTML kamu dengan menggunakan tag <style>. Gunakan cara ini jika kamu hanya ingin menuliskan beberapa baris CSS dan tidak ingin membuat file CSS terpisah. Inilah bentuk umumnya:

<style>
  body {
    background-color: lightblue;
  }
</style>

Dengan mengetahui bagaimana cara memanggil CSS, kamu bisa lebih leluasa dalam mendesain tampilan halaman web kamu. Semoga artikel ini bermanfaat!