Cara Menggunakan CSS

Ada tiga cara untuk menyisipkan CSS ke dalam dokumen HTML:

  • Inline CSS

    CSS dapat ditambahkan langsung ke dalam elemen HTML menggunakan atribut style. Ini adalah cara yang paling sederhana, tetapi tidak disarankan untuk proyek besar karena sulit dikelola.

    <p style="color: red;">Ini adalah teks berwarna merah.</p>

  • Internal CSS

    Internal CSS ditulis di dalam elemen <style> yang ditempatkan di dalam bagian <head> dari dokumen HTML. Ini biasanya digunakan jika gaya hanya diterapkan pada satu halaman.

    <head>
    <style>
        p {
            color: blue;
        }
    </style>
</head>

  • External CSS

    External CSS ditulis dalam file terpisah dengan ekstensi .css, dan dihubungkan ke dokumen HTML menggunakan elemen <link>. Ini adalah cara terbaik karena memisahkan konten HTML dan desain, sehingga lebih mudah dikelola.

    <head>
    <link rel="stylesheet" href="styles.css">
</head>