tailieunhanh - CSS-Bài 10- Position

| Bài 10- Position Như đã tìm hiểu bài trước về Float chúng ta có thể sử dụng để dàn trang sang trái hoặc qua phải. Vậy muốn định 1 thành phần qua 1 vị trí khác chúng ta phải làm thế nào Trong CSS chúng ta có thuộc tinh Position sử dụng để định vị trí của thành phần này so với thành phần khác Thành phần làm mốc hoặc so với chính cửa sổ trình duyệt. 1. Fixed - Sử dụng để cố định 1 thành phần so với cửa sổ trình duyệt khi kéo thanh cuộn thì thành phần đó vẫn được cố định so với trình duyệt. 2. Relative - Là cách cố định vị trí 1 cách tương đối của 1 thành phần nào đó so với vị trí bình thường không định vị trí của nó 3. Absolute - Là 1 cách cố định 1 thành phần so với 1 thành phần khác 1 cách tuyệt đối. Khi sử dụng position thông thường thì thành phần mẹ phải đặt Relative để nó biết phải cố định tuyệt đối theo thành phần nào nếu không tồn tại nó sẽ nhận html làm thành phần mẹ Bổ sung Đi kèm 3 thuộc tinh trên chúng ta sử dụng thêm 4 thuộc tinh Top Right Bottom Left với các giá trị tương ứng với cửa sổ trình duyệt với Fixed chính nó Relative thành phần mẹ Đối với Absolute . IE Bài 10- Position Ví dụ http uvaros 1 edit HTML - DOCTYPE html html head cmeta charset utf-8 title 3S Bin title style div background green width 100px height lỡỡpx position absolute top 50px left 50px style head body div Positionc div body html Output top 50px left 50px Xem thêm http vsnet-position Do 1 số thành viên VSNet yêu cầu làm TUT dạng văn bản để thuận tiện trong quá trình tham khảo đồng thời sử dụng trong 1 số buổi sinh hoạt Ban lập trình web- CLB Tin học Trường ĐH CNTT TT Thái Nguyên nên tôi viết lại những lý thuyết căn bản về HTML CSS dưới dạng slide để eáe bạn tham khảo thêm . Những phần lý thuyết qua slide chưa phải là đầy đủ nhất nhưng hy vọng nó sẽ giúp íeh được eho eáe bạn. Toàn bộ video HTML CSS http vsnet-html-css Cáe bạn eó thể tham khảo thêm 1 số tài liệu do tôi viết về 1 số kinh nghiệm lập trình web tại http http Chúe eáe bạn học