HOTLINE

(0275) 2974 127

CHAT WA 24/7
0859-60000-390 (Sales)
0852-8969-9009 (Support)
pengetahuan umum

Perbedaan Tiga Jenis CSS

Apa itu CSS?

Cascading Style Sheets (CSS) adalah salah satu desain website yang mengotrol format tampilan sebuah halaman website yang ditulis dengan menggunakan penanda (markup language). Biasanya CSS digunakan untuk mendesain sebuah halaman HTML dan XHTML, tetapi sekarang CSS bisa diaplikasikan untuk segala dokumenXML, termasuk SVG dan XUL bahkan ANDROID.

Tujuan utama CSS yaitu untuk membedakan konten dan desain website. Selain itu adanya CSS, pembuatan atau pemrograman ulang website akan lebih mudah dilakukan. Fungsi utama CSS adalah untuk merancang, merubah, mendesain, dan membentuk halaman website.

Perbedaan tiga jenis CSS

CSS sendiri terdiri dari 3 jenis, yaitu:

  1. Eksternal CSS

Eksternal CSS sangat menguntungkan karena anda dapat memisahkan kode HTML dan CSS dengan file yang berbeda sehingga file HTML anda akan terlihat rapid an mudah dipahami. Selain itu anda juga dapat mengunakan class dan id untuk memanggilnya secara berulang pada tag HTML.

Manfaat:

  • Ukuran file HTML menjadi lebih kecil dan rapi
  • Kecepatan lodingnya menjadi lebih cepat
  • File CSS yang sama dapat digunakan di banyak halaman

Kekurangan:

  • Halaman belum tampil secara sempurna hingga file CSS selesai dipanggil.
  1. Internal CSS

Internal CSS hampir sama dengan eksternal CSS, hanya saja perbedaannya dimana CSS berada pada head HTML yaitu setelah <head> dan atau sebelum </head>. Sama seperti eksternal CSS, anda dapat memanggil kode CSS dengan class atau id secara berulang ulang pada tag HTML.

Manfaat:

  • Perubahan hanya terjadi pada 1 halaman
  • Class dan id bisa digunakan oleh internal stylesheet
  • Tidak perlu meng-upload beberapa file karena HTML dan CSS bisa digunakan di file yang sama

Kekurangan:

  • Meningkatkan waktu akses
  • Tidak efisien jika anda ingin menggunakan CSS yang sama pada beberapa file, karena perubahan terjadi pada satu halaman saja.
  1. Inline CSS

Inline CSS merupakan metode penulisan langsung pada tag HTML yang ingin diberikan CSS. Saat membuat satu tag yang sama harus menulis ualng CSSnya, selain itu metode ini membuat file HTML lebih besar dari pada metode lainnya.

Manfaat:

  • Digunakan saat anda ingin menguji dan melihat perubahan
  • Digunakan untuk perbaikan cepat
  • Permintaan HTTP lebih kecil

Kekurangan:

  • Inline CSS harus diterapkan pada setiap elemen.
Jadilah yang pertama untuk memberi nilai
Fitri R

Recent Posts

Perlu Anda ketahui Kelebihan dan Kekurangan dari Google Firebase

Dalam proses pembuatan aplikasi, hal itu sering diibaratkan seperti menulis surat. Kenapa? Sebab, saat menyusun…

10 hours ago

Apa Itu Cash Flow/Arus Kas dan Pentingkah Bagi Perusahaan? [Pembahasan LENGKAP]

Mengembangkan dan mempercepat pertumbuhan bisnis dengan melakukan berbagai tindakan untuk mencapai tujuan adalah impian semua…

14 hours ago

Monitoring Aplikasi Lebih Mudah Menggunakan Software Grafana

Hai para Sobat Teko! Apakah Anda pernah merasa kebingungan saat melihat banyak data yang kompleks,…

15 hours ago

Strategi dan Keuntungan yang Didapatkan Dalam Penerapan Digital Branding

Pendapat dan pernyataan yang diberikan oleh pelanggan mengenai merek kita jauh lebih penting dibandingkan klaim…

1 day ago

Pentingnya RAB dalam Pembangunan Rumah dan Cara Menghitungnya

Setiap orang pasti memiliki harapan untuk memiliki tempat tinggal, baik itu yang diperoleh dari pameran…

2 days ago

Mengetahui Definisi, Karakteristik, Dan Contoh Function Pada Pemograman PHP

Sebagai seorang developer, ketika menciptakan sebuah aplikasi, Anda tentu perlu memiliki pemahaman yang solid mengenai…

2 days ago