Mengenal Jenis CSS

Cascading Style Sheet (CSS) adalah bahasa yang biasa digunakan untuk mengatur tampilan elemen yang ditulis dalam bahasa markup, seperti HTML. Fungsinya adalah untuk membedakan tampilan konten dari tampilan visualnya di situs web.

Untuk tujuan yang sederhana, World Wide Web Consortium (W3C) membuat dan mengembangkan CSS pada tahun 1996. Di masa lalu, HTML tidak memiliki tags yang dapat memformat halaman. Kita hanya perlu menulis markup situs web.

Terdapat 3 jenis CSS yaitu

  1. Inline CSS : Inline CSS adalah cara menambahkan gaya langsung ke dalam tag HTML tanpa menggunakan file eksternal atau menggunakan selector terpisah. Gaya CSS dituliskan langsung di dalam atribut “style” pada tag HTML yang bersangkutan. kode CSS ini langsung ditempatkan di dalam baris kode HTML
    Contoh
  2. Internal CSS
    Internal CSS berguna ketika kita ingin mempertahankan aturan gaya yang bersifat lebih lokal dan spesifik untuk satu halaman web tertentu tanpa mempengaruhi halaman web lainnya.
    Contoh
  3. External CSS
    Kalau Inline CSS hanya mempengaruhi satu baris, External CSS bisa mempengaruhi keseluruhan website. Posisinya juga berada di file yang berbeda
    Contoh

Subscribe

Related articles

Tips Kolaborasi Efektif antara UI/UX Desainer dan Pengembang

Kerja sama yang solid antara UI/UX desainer dan pengembang...

Aturan Penting yang Harus Dipatuhi oleh Seorang UI/UX Designer

Desain Antarmuka Pengguna (UI) dan Pengalaman Pengguna (UX) adalah...

Membangun Profil LinkedIn yang Mengesankan untuk UI/UX Designer

Dalam era digital yang semakin maju, LinkedIn telah menjadi...

Meningkatkan Karir Anda dengan Sertifikasi Google UX

Dalam dunia yang semakin terhubung secara digital, pengalaman pengguna...

Perjalanan Seorang Intern UI/UX Desainer di Udacoding

Sebagai seorang mahasiswa yang bersemangat dan bercita-cita tinggi di...

LEAVE A REPLY

Please enter your comment!
Please enter your name here