You are on page 1of 2

Bi 10- Position

Nh tm hiu bi trc v Float, chng ta c th s dng dn trang sang tri hoc qua phi. Vy mun
nh 1 thnh phn qua 1 v tr khc chng ta phi lm th no? Trong CSS chng ta c thuc tinh Position s
dng nh v tr ca thnh phn ny so vi thnh phn khc( Thnh phn lm mc) hoc so vi chnh ca
s trnh duyt..
1. Fixed
- S dng c nh 1 thnh phn so vi ca s trnh duyt, khi ko thanh cun th thnh phn vn c
c nh so vi trnh duyt.
2. Relative
- L cch c nh v tr 1 cch tng i ca 1 thnh phn no so vi v tr bnh thng( khng nh v tr)
ca n
3. Absolute
- L 1 cch c nh 1 thnh phn so vi 1 thnh phn khc 1 cch tuyt i. Khi s dng position thng
thng th thnh phn m phi t Relative n bit phi c nh tuyt i theo thnh phn no, nu khng
tn ti n s nhn <html> lm thnh phn m
B sung:
i km 3 thuc tinh trn chng ta s dng thm 4 thuc tinh: Top, Right, Bottom, Left vi cc gi tr tng
ng vi ca s trnh duyt( vi Fixed), chnh n ( Relative), thnh phn m( i vi Absolute).
V d: http://jsbin.com/uvaros/1/edit
Bi 10- Position
Xem thm : http://bit.ly/vsnet-position
Do 1 s thnh vin VSNet yu cu lm TUT dng vn bn thun tin trong qu trnh tham kho, ng thi
s dng trong 1 s bui sinh hot Ban lp trnh web- CLB Tin hc Trng H CNTT& TT Thi Nguyn nn ti
vit li nhng l thuyt cn bn v HTML, CSS di dng slide cc bn tham kho thm . Nhng phn l
thuyt qua slide cha phi l y nht nhng hy vng n s gip ch c cho cc bn.
Ton b video HTML, CSS: http://bit.ly/vsnet-html-css
Cc bn c th tham kho thm 1 s ti liu do ti vit v 1 s kinh nghim lp trnh web ti:
http://vietsource.net
http://svictu.com
Chc cc bn hc tp tt!
Thn,
V Cng Tnh

You might also like