Format Dasar CSS

Kalau kita perhatikan secara seksama sebetulnya hasil terjemahan bahasa HTML pada browser adalah berbentuk Kotak, didalam kotak tersebut dapat dibagi menjadi beberapa area seperti Content, Padding, Border, dan Margin.
Dari masing-masing area tersebut dapat diformat dengan menggunakan CSS style.

Untuk memperjelas apa yang disampaikan diatas tentang Format CSS, lihat ilustrasi dibawah ini:

css-box-model

Keterangan:

  • Pada area yang paling tengah disebut Content,
    Content bisa berupa Teks atau Image, juga gabungan antara Teks dan Image.
  • Diluar content area disebut Padding,
    Padding memisahkan content dengan Border.
  • Diluar Padding disebut Border,
    Border adalah batas tepi daripada content yang berada diantara padding dan Margin.
  • Area yang paling luar disebut Margin,
    Margin memisahkan antara border dan sisi paling luar.

Jadi….Gampang kan…
Kalau kita mau serius belajar CSS, pasti ketagihan dech….
Nah, SEMOGA bermanfaat untuk anda

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *