Fungsi CSS Pada HTML

Halo sobat Artikel Multimedia, postingan kali ini kita akan membahas fungsi dari CSS. Pada postingan sebelumnya kita sudah membahas secara singkat tentang HTML dan CSS. CSS atau Cascading Style Sheets merupakan bahasa yang digunakan untuk mempermudah kegiatan mendesain suatu dokumen HTML. Adapun fungsi dari CSS pada HTML adalah sebagai berikut.

Memperindah tampilan halaman website.
Style Sheet mendeskripsikan bagaimana tampilan dokumen HTML di layar.
Menghemat kode dan waktu dalam mendesain tampilan halaman website.
Mempermudah ketika ingin melakukan perubahan pada warna ataupun tampilan secara keseluruhan.

Di dalam CSS terdapat 2 jenis selector yang berfungsi untuk mendefinisikan jenis style yang digunakan pada suatu tag html. Jadi, dengan selector ini sobat tidak perlu mengubah satu persatu seperti warna, ukuran tulisan, jenis tulisan dan lainnya di dalam tag html, dimana hanya perlu mengganti di bagian style CSS-nya saja. Selector tersebut terdiri dari Id yang mana jika dibuat dalam bentuk internal ataupun eksternal diawali dengan tanda # (pagar) dan Class yang diawali dengan tanda . (titik).

Id => selector yang hanya bisa digunakan satu kali pada halaman website.

Class => selector yang bisa digunakan lebih dari satu kali (berulang-ulang) pada halaman website.

Contohnya penulisan CSS-nya seperti berikut:

#judul {
   color: blue;
   font-size: 36px;
   }

.teks {
   color: black;
   font-size: 14px;
   }

Untuk mendesain sebuah halaman website yang kompleks sobat tidak perlu bingung untuk membuat file CSS nya, karena sudah tersedia berbagai contoh penulisan ataupun file CSS di internet yang dapat dijadikan template ke dalam projek website yang mana dapat juga diubah sesuai kebutuhan. Salah satu framework CSS yang paling sering digunakan yaitu Bootstrap. Di Bootstrap tersbut sobat bisa mencari berbagai contoh penulisan CSS seperti untuk membuat tombol, menu pencarian (search), tabel dan lainnya menjadi lebih menarik.

Sekian penjelasan singkat tentang fungsi CSS, jika sobat tertarik dengan materi terkait multimedia silakan kunjungi postingan kami lainnya di blog ini. Terima kasih …