23/11/11

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...

4 ulasan:

Seri berkata...

ramai bloger kita tak begitu pentingkan kode template kalau dibandingkan dengan bloger dari negara jiran...sebab itu seri banyak belajar dari mereka dulu...

Polskahackrew berkata...

@SeriBetul tu..saya pun masa mula2 dulu blajar dari blogger seberang..tapi sekarang bila dah faham sikit2 mengenai coding sy dah boleh blajar sendiri..hanya dengan melihat page source blog orang...hehe

Seri berkata...

bijak-bijak...seri pon banyak simpan template yang cedok dari page source...dah modified baru bagitahu yang empunya...he..he...

Polskahackrew berkata...

@Seri

bagusnya..siap bg tau owner lg... klu sy main bedal ja..setiap kali bw mesti sy akan jumpa blog yang ada background yg unik...apa lg cekau la..hehehe...skrg da banyak background...tp x ada ms mau buat template baru..('',)

entri ja

Related Posts Plugin for WordPress, Blogger...