STRUKTUR PENULISAN CSS

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.

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;
}

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;
}