Belajar CSS dari Nol: Panduan Dasar #2 - Mengenal Properti dan Nilai CSS

 

Setelah memahami selektor CSS, selanjutnya adalah mengenal properti dan nilai CSS. Properti adalah fitur yang akan kita atur pada elemen HTML kita, seperti warna teks, ukuran teks, jarak antar elemen, dll. Nilai adalah setting yang akan kita berikan pada properti tersebut.

Berikut adalah beberapa properti CSS yang sering digunakan:

  • color: digunakan untuk mengatur warna teks. Nilainya dapat ditentukan dengan nama warna, hexadecimal, atau RGB.
  • font-size: digunakan untuk mengatur ukuran font. Nilainya dapat ditentukan dengan ukuran piksel atau em.
  • text-align: digunakan untuk mengatur posisi teks (left, center, right, atau justify).
  • margin: digunakan untuk mengatur jarak luar elemen dari elemen lain. Nilainya dapat ditentukan dengan piksel atau persen.
  • padding: digunakan untuk mengatur jarak dalam elemen dari elemen lain. Nilainya dapat ditentukan dengan piksel atau persen.
  • width dan height: digunakan untuk mengatur lebar dan tinggi elemen. Nilainya dapat ditentukan dengan piksel atau persen.

Untuk menentukan nilai pada properti CSS, kita menuliskan properti tersebut dan nilai yang diinginkan dalam tanda kurung kurawal {}. Contoh:

 

p {
    color: blue;
    font-size: 20px;
    text-align: center;
    margin: 10px;
    padding: 5px;
    width: 50%;
    height: 100px;
}
 

Itulah beberapa properti dan nilai CSS yang sering digunakan. Anda dapat mempelajari lebih lanjut tentang properti dan nilai CSS melalui dokumentasi resmi atau dengan berlatih sendiri. Jangan takut untuk bereksperimen dan mencoba hal baru, karena itulah cara Anda belajar dan menjadi lebih baik dalam CSS.

 

Posting Komentar

0 Komentar