DISKON TERBATAS! Masukkan kupon "skillbaru" saat checkout di kelas apa saja

Logo Koala Skodev mengetik

Skodev

Belajar coding dalam bahasa Indonesia

STRUKTUR PENULISAN CSS

Begini sturktur dari suatu kode CSS. Di mana ada selektor, atribut dan nilainya.

Berikut struktur penulisan dari kode CSS.

selektor {
    properti: nilai;
}

contoh dengan nilai sungguhan

p {
    color: blue;
}

Kode di atas membuat text dengan tag p menjadi biru (blue).

Apa itu selektor di CSS?

Selektor adalah elemen HTML yang ingin kamu targetkan. Karena setiap hiasan boleh berbeda untuk setiap elemennya.

Apa itu properti di CSS?

Properti CSS adalah bagian-bagian dari elemen HTML yang bisa kita hias.

Kalau manusia punya properti: kepala, hidung, tangan, dst. Maka setiap elemen HTML punya properti seperti: warna, ukuran, dst.

Tidak boleh kreatif dalam membuat properti CSS. Semua properti sudah ditentukan.

Apa itu nilai di CSS?

Nilai atua value pada CSS adalah isi dari setiap properti yang kita berikan.

Contoh properti color dari tag p kita beri nilai blue:

p {
    color: blue;
}

Boleh lebih dari satu properti

Kita bisa memberi lebih dari satu nilai properti, contoh

p {
    color: blue;
    font-size: 20px;
}

Berati tag p sekarang punya warna `blue` dengan ukuran (font-size) `20px`

Boleh memberi nilai lebih dari satu selektor

Kita juga bisa memilih beberapa selektor sekaligus, untuk diberi properti yang sama

h1, p {
    color: blue;
    font-size: 20px;
}

Kode di atas bearti tag h1 dan tag p punya warna dan ukuran yang sama.
👈🏼 Cara menulis CSS
Selektor CSS dan HTML 👉🏼