Featured

CSS : Box Model (Part 8)



Assalamualaikum wr.wb

A. JUDUL

       CSS : Box Model (Part 8)

B. PENDAHULUAN

     1. Pengertian

            Box Model di dalam CSS, semua elemen dalam HTML di anggap sebagai kotak

     2. Maksud dan Tujuan
  • Paham tentang Box Model CSS
  • Tahu cara menggunakan Box Model
     3. Hasil yang Diharapkan

            Tahu cara menggunakan Box Model

C. ALAT DAN BAHAN
  • Laptop atau PC
  • Koneksi Internet (Mencari Referensi)
  • Sublime Text
D. JANGKA WAKTU PELAKSANAAN

      10 Menit

E. PEMBAHASANNYA
  
     Model kotak atau Box Model dalam CSS pada dasarnya adalah sebuah kotak yang membungkus di setiap elemen HTML.

Terdiri Dari :
  • Margin
  • Border
  • padding
  • content

 Penjelasan :
  • content :dimana text atau gambar muncul
  • padding:menghapus sebuah daerah di sebuah content
  • border  :sebuah perbatasan yang berada di sekitar content dan padding
  • margin :menghapus sebuah daerah di luar perbatasan
F. HASIL YANG DI DAPATKAN

         Bisa mengerti dan tahu cara menggunakan  Box Model.

G. KESIMPULAN

         Mungkin itu yang bisa saya jelaskan tentang Box Model pada CSS.

H. REFERENSI
Waalaikumusalam wr.wb


Related Posts