CSS Syntax

CSS Syntax

Aturan CSS terdiri dari Selector dan Declaration Block.

h1 { color: blue; font-size: 12px; }

Selector: Menunjuk ke elemen HTML yang ingin Anda beri gaya (misal: h1, .card, #btn).
Declaration Block: Diapit oleh tanda kurung kurawal { ... } dan dapat berisi satu atau lebih deklarasi yang dipisahkan titik koma.
Property: Ciri gaya yang ingin diubah (misal: color, font-size, margin).
Value: Nilai yang diberikan untuk properti tersebut (misal: blue, 20px).

Contoh Deklarasi Blok CSS:

<!DOCTYPE html>
<html>
<head>
    <style>
        p {
            color: #0d2e5c;
            text-align: center;
            font-size: 20px;
            font-weight: bold;
        }
    </style>
</head>
<body>

    <p>Paragraf ini ditata dengan 4 deklarasi CSS sekaligus!</p>

</body>
</html>

Coba Sendiri (Try it Yourself) »

Selalu akhiri setiap baris deklarasi dengan tanda titik koma (;).

Uji Pemahaman Singkat (Test Yourself):

Tanda kurung apa yang digunakan untuk mengapit kumpulan deklarasi CSS?

Selesaikan Topik Ini

Tandai modul selesai untuk mencatat progres akun Anda.

Selesaikan Topik Ini

CSS Tutorial