Series Mahir CSS #2 : Penulisan CSS
Css 10 Feb 2025 2 min read

Series Mahir CSS #2 : Penulisan CSS

Erick Iwansyah
Erick Iwansyah
Author
22 views

Hai, hai! Gimana nih, sudah siap belajar lebih jauh tentang CSS? Kali ini kita bakal bahas cara penulisan CSS yang benar. Ini penting banget supaya kode kamu lebih rapi dan mudah dipahami, baik oleh kamu sendiri maupun orang lain (kalau nanti kerja tim, misalnya).

Tiga Cara Penulisan CSS

  • Inline CSS
    CSS langsung ditulis dalam atribut elemen HTML. Biasanya dipakai kalau hanya perlu mengatur satu elemen saja. Tapi, jangan terlalu sering dipakai ya, karena kodenya bisa cepat berantakan.

Halo, ini teks dengan Inline CSS!

  • Internal CSS
    Ditulis dalam tag

    Ini teks dengan Internal CSS!

    • External CSS
      Penulisan CSS terpisah dalam file .css. Ini cara terbaik untuk proyek besar, karena semua styling dikumpulkan di satu tempat.
    h1 {
        color: blue;
        font-family: Arial, sans-serif;
        text-align: left;
    }
    

    File index.html:

    
    
    
        
        
        Penulisan CSS
        
    
    
        

    Ini teks dengan External CSS!

    Tips Menulis CSS dengan Baik

    • Gunakan nama class atau ID yang deskriptif.
    • Hindari penggunaan Inline CSS terlalu sering.
    • Pisahkan file CSS untuk proyek yang lebih besar.

    Sekianlah belajar CSS tentang cara penulisan CSS. Artikel ini penting banget untuk bikin kamu makin paham dasar-dasar CSS sebelum lanjut ke tutorial berikutnya di www.code80vity.com. Yuk, klik artikel selanjutnya, dan terus semangat belajar! ?

     

     

     

     

     

     

     

Tutorial Terkait

Css 6 months ago

Series Mahir CSS #18 : Box Model

Hai, bagaimana kabarnya? Kali ini kita akan membahas tentang CSS Box Model, yang merupakan konsep da...

Css 6 months ago

Series Mahir CSS #17 : CSS Custom Properties

Hai, selamat datang kembali! Kali ini kita akan belajar tentang CSS Custom Properties, atau yang leb...

Css 6 months ago

Series Mahir CSS #16 : Responsive Design

Halo lagi! Kali ini kita akan bahas tentang Responsive Design. Ini adalah teknik penting dalam penge...

Comments

Login to leave a comment.

Loading comments...

Siap Mengembangkan Project IT Anda?

Konsultasi gratis untuk membahas kebutuhan software dan solusi IT bisnis Anda