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

• Quản trị Web
• lập trình web
• định vị trí
• cơ bản về CSS
• cú pháp của CSS
• CSS với bảng biểu
• trình soạn thảo CSS
• Bài giảng Lập trình ứng dụng Web
• Lập trình ứng dụng Web
• Lập trình Web với Servlet
• Lập trình Web với JSP
• Lập trình Web với ASP
• Đề thi Lập Trình Web
• Tài liệu thi Lập Trình Web
• Ôn thi Lập Trình Web
• Bài thi Lập Trình Web
• Hướng dẫn thi Lập Trình Web
• Nội dung thi Lập Trình Web
• Đề thi Lập trình ứng dụng Web
• Bài thi Lập trình ứng dụng Web
• Môn thi Lập trình ứng dụng Web
• Tài liệu thi Lập trình ứng dụng Web
• Ôn thi Lập trình ứng dụng Web
• Đề thi môn lập trình Web
• Bài tập Lập trình Web
• Tài liệu ôn thi Lập trình Web
• Bài giảng Lập trình web
• Môi trường cài đặt
• Web Browser
• Web Server
• Web Client
• Trình duyệt web
• Giáo trình Lập trình web với ASP NET
• Lập trình web với ASP NET
• Giáo trình nghề Thiết kế trang web
• Web server control
• Lập trình mạng
• Bài giảng Lập trình mạng
• Lập trình web chạy ở server
• Lập trình Web với CGI
• Ngôn ngữ lập trình
• Kỹ thuật lập trình
• Tổng quan lập trình web
• Giới thiệu lập trình web
• Bài tập Thực hành lập trình Web
• Thực hành lập trình Web
• Lập trình JavaScript
• Hướng dẫn lập trình Web
• Cách lập trình Web
• Lập trình Web ASP
• Net
• Net với C#
• Lập trình Web Form
• Lập trình Web Form Với ADO
• Website thương mại điện tử
• Bài giảng Lập trình Web ASP
• Xây dựng lớp xử lý dữ liệu
• Lý thuyết lập trình
• Ngôn ngữ lập trình Web
• Ngôn ngữ lập trình PHP
• Ứng dụng PHP
• Quy ước ngầm thiết kế web
• lập trình máy tính
• thủ thuật lập trình
• lập trình hệ thống web
• lập trình web phía client
• lập trình web phía server
• web development
• Công nghệ web
• Lập trình Web hướng Java
• Lập trình Web hướng Java Bài 04
• Extensible markup language
• Lập trình web động
• Bài giảng Lập trình web động
• Lập trình web động với PHP
• Lập trình web động với MySQL
• Hệ cơ sở dữ liệu quan hệ
• Kiến trúc web động
• Lập trình web động với ASP NET
• Giáo trình Lập trình web động với ASP NET
• Cấu hình Web Server
• Kỹ thuật lập trình web
• Thiết kế web
• Tạo trang web
• Đồ án thiết kế web
• Đồ án lập trình web
• Tìm hiểu lập trình web
• Thiết kế và lập trình Web
• Phân loại trang Web
• Máy phục vụ
• Phát triển Web
• tài liệu lập trình
• Nghiên cứu lập trình Web ASP
• Ngôn ngữ lập trình web ASP
• phương pháp lập trình