CSS Layouting – #3 Box Model : Konsep

CSS Layouting - #3 Box Model : Konsep

CSS Layouting – #3 Box Model : Konsep

Box model adalah konsep yang paling utama dari CSS Layouting, jika kalian paham mengenai ini maka akan mudah untuk kalian dalam melakukan pengaturan tata letak elemen pada website kalian.

ada 4 komponen dalam box model :
1. margin
2. padding
3. border
4. konten

pada video ini kita akan bahas dulu mengenai konsep dari box model itu sendiri.

download slide:

http://www.slideshare.net/sandhikagalih/css-layouting-3-box-model

CSS Display
https://youtu.be/VPaIdiPvWQM

CSS Dimensi & Overflow
https://youtu.be/VkUSH3SIH0g

– HTML Dasar
https://www.youtube.com/playlist?list=PLFIM0718LjIVuONHysfOK0ZtiqUWvrx4F

– CSS Dasar
https://www.youtube.com/playlist?list=PLFIM0718LjIUBrbm6Gdh6k7ZUvPIAZm7p

– Tutorial Sublime Text
https://www.youtube.com/playlist?list=PLFIM0718LjIWE-Ot9V9qcALx5OMAZY67c

follow juga akun media sosial kita yang lain :

https://www.facebook.com/WebProgrammingUNPAS
http://codepen.io/webprogrammingunpas
https://github.com/webprogrammingunpas
http://pw.if-unpas.org
http://www.unpas.ac.id

terimakasih dan selamat #ngoding!

@sandhikagalih
CSS Layouting – #3 Box Model : Konsep



CSS Layouting – #3 Box Model : Konsep

Related posts

17 Thoughts to “CSS Layouting – #3 Box Model : Konsep

  1. Terimakasih Mas Sandika.. tutornya sangat membantu saya yang masih awam terhadap CSS.. ditunggu tutor berikutnya

  2. Mantap mas…mudah di cerna.

  3. Makasih om, sangat bermanfaat ilmu nya. Kita yg lg belajar html css jd sangat terbantu.

  4. Tutorial nya sangat membantu dan mudah sekali dimengerti, pak saya mau request dong pak, buatin pembelajaran mengenai CSS GRID pak, saya kurang paham mengenai penggunaan CSS GRID, mohon pencerahaannya pak, mohon maaf sebelumnya saya masih pemula pak

  5. Maaf mas galih.
    Saya mau tanya, tapi sebelumnya Saya minta Maaf, baru bisa nonton video ini di tahun 2018

    u/ menampilkan Tools 3D View pada Mozilla Firefox, hanya ada di versi 11 yah?
    Sebab saat ini Saya menggunakan versi terbaru dari Mozilla Firefox yaitu versi 63…. kok g ada 3D VIEW.
    Atau ada cara lain u/ nampilin kembali Tool 3D View.
    Atau memang dihilangkan/hnya ada di versi 11.
    Jika memang dihilangkan dari Developet Mozilla Firefoxnya, memang apa alasan dihilangkan nya?

  6. Pak di mozilla saya kok ndak ada ya.. apa harus pakek extension dulu?

  7. Bg cara buat loremnya turun kebawah biar gk ke samping tu gimana?

  8. terima kasih banyak atas panduannya.saya tunggu pelajaran berikutnya……

  9. Mozila firefoxnya versi berapa pak? Saya ga ada sistem 3dnya di pengaturan jga ga afa

  10. Pak info dong kalo code editor si android yg bisa input gambar itu apa ya? Jadi kayak sublime gitu):

    Mohon dijawab pak saya pemula ingin belajar di android):

  11. mantap skali bang dan sangat bermanfaat karna mudah dimengerti . Salam Papua…

  12. Wow…sangat pak Sandika…
    Saya jadi tahu perbedaan margin dengan padding..

  13. Sehat terus pak, dan terus berkarya. Saya selama kuliah kurang ngerti tapi skrng liat tutor dari bapak saya mulai mengerti html dan css. Terimakasih pakk 😊

  14. Di sekolah saya tidak di ajarkan mengenai bahasa CSS, ternyata pas liat video ini,saya jadi ingin belajar bahasa CSS
    Makasih infonya pak dika

  15. Mas nggak bisa di buka,kayak 3d di video

Leave a Comment