Code Tutorial | Tinggi dan lebar CSS

-TAG-

Css tinggi dan lebar,Pemahaman tinggi dan lebar,pembelajaran tinggi lebar css

Pembelajaran ni simple dan senang saja..

pada code CSS tinggi ditulis sebagai height...bukan tall...hahaha

manakala lebar pula ditulis sebagai width ...

untuk menentukan ketinggian dan lebar terdapat banyak cara mungkin..huhu..yang aku tau cuma 2 cara saja..sbb 2 cara ni yang paling banyak aku jumpa..

Contoh 1

width:200px

width:40%

nilai ketinggian code di atas tidak sama..

width: 700px lebih spesifik..ceh..

width:40% pula tidak spesifik..bergantung pada situasi tempat..

Contoh 2

#outer-wrapper{width:700px;}

#outer-wrapper{width:40%;}

jika anda setkan lebar outer-wrapper 700px maka lebar dia akan jadi 700px..senangkan..

jika anda setkan outer-wrapper wrapper 40%,lebar tu berdasarkan lebar screen anda..

Contoh 3
Nota : kotak kaler pink tu berukuran 400px darab 400px..haha..

kotak ini di tulis menggunakan tinggi dan lebar px..

code css kotak ni ... height:300px;

code css kotak ni ... width:255px

kotak ini di tulis menggunakan tinggi dan lebar %..

code css kotak ni ... height:100%;

code css kotak ni ... width:90%

ketinggian kotak ini di tulis menggunakan tinggi dan lebar px..

code css kotak ni ... height:554px;

code css kotak ni ... width:200px

kotak ini di tulis menggunakan tinggi dan lebar %..

code css kotak ni ... height:50%

code css kotak ni ... width:50%

Apa macam...boleh faham?...

untuk tinggi dan lebar yang ditentukan oleh











%






tinggi dan lebar dia berdasarkan kotak luar(kaler pink)..contoh kotak pink tu lebar dia ialah 400px..jika anda setkan lebar kotak kelabu tu 50% ...maka lebar kotak kelabu adalah 50& dari 400px = 200px...

senangkan...lalalala

sekian...