3 Cara Penulisan CSS (Cascading Style Sheet ) - MidNight Codes

3 Cara Penulisan CSS (Cascading Style Sheet )

by - May 27, 2018


Cascading Style Sheet atau yang lebih dikenal dengan sebutan CSS merupakan sebuah bahasa yang digunakan untuk menggambarkan sebuah dokumen HTML. CSS menggambarkan bagaimana elemen dalam HTML harus ditampilkan.

Berdasarkan letak penulisannya CSS dibagi menjadi 3 yaitu:
  1. External CSS
    Sesuai dengan namanya, External CSS merupakan css yang terpisah dari file tempat digunakannya dengan kata lain CSS ini ditulis dalam filenya sendiri dengan ekstensi .css.
    Cara penggunaannya yaitu:
    <link href="style.css" rel="stylesheet"></link>
    
    Lokasi file .css dipanggil pada atribut href

  2. Internal CSS
    Internal CSS merupakan penulisan CSS yang di tulis dalam tag dan biasanya penggunaan tag style ditulis didalam atau sebelum penutup tag.
  3. <style>
        selector{
            property:value;
        }
    </style>
    
    

  4. Inline CSS
    Cara penulisan yang ke-3 ini ditulis didalam tag dengan menambahkan attribut style pada tag yang ingin diberikan style.
    Penulisan:
    <p style="property: value;"></p>
    
    
Berdasarkan ketiga cara peulisan diatas, yang menjadi prioritas utama yaitu dimulai dari Inline, Internal, dan kemudian Exsternal CSS. sedangkan berdasarkan selector prioritas utama dimulai dari id, class, dan yang terakhir yaitu tag.

You May Also Like

0 komentar