Recraftory

CSS - External CSS

Memahami penggunaan External CSS untuk mengatur tampilan website.

  • External CSS adalah penulisan CSS pada file terpisah dengan ekstensi .css sehingga tampilan dapat digunakan ulang di banyak halaman.
  • File CSS dihubungkan ke HTML menggunakan tag <link> di dalam bagian <head>.
  • Cara ini membuat kode lebih rapi dan memudahkan pemeliharaan karena styling dipusatkan di satu file.

Contoh:

<link rel="stylesheet" href="style.css">

Keuntungan menggunakan External CSS:

  • Kode lebih bersih dan terorganisir
  • Perubahan tampilan bisa dilakukan di satu file untuk seluruh website
  • Waktu loading halaman lebih cepat karena file CSS di-cache oleh browser

CSS - Internal CSS

Memahami penggunaan Internal CSS dalam dokumen HTML.

CSS - Inline CSS

Memahami penggunaan Inline CSS dalam elemen HTML.