Thuộc tính position
chỉ định loại phương pháp định vị được sử dụng cho một phần tử [tĩnh, tương đối, cố định, tuyệt đối hoặc dính]
Thuộc tính position
chỉ định loại phương pháp định vị được sử dụng cho một phần tử
Có năm giá trị vị trí khác nhau
static
relative
fixed
absolute
sticky
Các phần tử sau đó được định vị bằng cách sử dụng các thuộc tính trên cùng, dưới cùng, bên trái và bên phải. Tuy nhiên, các thuộc tính này sẽ không hoạt động trừ khi thuộc tính position
được đặt trước. Chúng cũng hoạt động khác nhau tùy thuộc vào giá trị vị trí
Chức vụ. tĩnh;
Các phần tử HTML được định vị tĩnh theo mặc định
Các phần tử được định vị tĩnh không bị ảnh hưởng bởi các thuộc tính trên, dưới, trái và phải
Một phần tử với position: static;
không được định vị theo bất kỳ cách đặc biệt nào;
Cái này
phần tử có vị trí. tĩnh;
Đây là CSS được sử dụng
Chức vụ. liên quan đến;
Một phần tử có position
0 được định vị so với vị trí bình thường của nó
Đặt các thuộc tính top, right, bottom và left của một phần tử được định vị tương đối sẽ khiến nó bị điều chỉnh khỏi vị trí bình thường. Nội dung khác sẽ không được điều chỉnh để phù hợp với bất kỳ khoảng trống nào do phần tử để lại
Cái này
phần tử có vị trí. liên quan đến;
Đây là CSS được sử dụng
Ví dụ
div. vị trí tương đối {
. họ hàng;
trái. 30px;
đường viền. Chất rắn 3px #73AD21;
}
Chức vụ. đã sửa;
Một phần tử có position
1 được định vị so với khung nhìn, nghĩa là nó luôn ở cùng một vị trí ngay cả khi trang được cuộn. Các thuộc tính top, right, bottom, left dùng để định vị phần tử
Phần tử cố định không để lại khoảng trống trên trang mà nó thường được đặt
Lưu ý phần tử cố định ở góc dưới bên phải của trang. Đây là CSS được sử dụng
Ví dụ
div. vị trí {
đã cố định. đã sửa;
dưới cùng. 0;
đúng. 0;
chiều rộng. 300px;
đường viền. Chất rắn 3px #73AD21;
}
Cái này
phần tử có position
1
Chức vụ. tuyệt đối;
Một phần tử có position
3 được định vị tương đối so với phần tử tổ tiên được định vị gần nhất [thay vì được định vị tương đối so với khung nhìn, như cố định]
Tuy nhiên;
Ghi chú. Các phần tử được định vị tuyệt đối bị xóa khỏi luồng thông thường và có thể chồng lấp các phần tử
Đây là một ví dụ đơn giản
Cái này
phần tử có vị trí. liên quan đến;
Cái này
phần tử có vị trí. tuyệt đối;
Đây là CSS được sử dụng
Ví dụ
div. vị trí tương đối {
. tương đối;
chiều rộng. 400px;
chiều cao. 200px;
đường viền. Chất rắn 3px #73AD21;
}
div. {
vị trí tuyệt đối. tuyệt đối;
trên cùng. 80px;
phải. 0;
chiều rộng. 200px;
chiều cao. 100px;
đường viền. Chất rắn 3px #73AD21;
}
Chức vụ. nếp;
Một phần tử có position
4 được định vị dựa trên vị trí cuộn của người dùng
Phần tử cố định chuyển đổi giữa relative
và fixed
, tùy thuộc vào vị trí cuộn. Nó được định vị tương đối cho đến khi một vị trí bù nhất định được đáp ứng trong chế độ xem - sau đó nó "dính" vào vị trí [như vị trí. đã sửa]
Ghi chú. Internet Explorer không hỗ trợ định vị cố định. Safari yêu cầu tiền tố -webkit- [xem ví dụ bên dưới]. Bạn cũng phải chỉ định ít nhất một trong số position
7, position
8, position
9 hoặc position
0 để định vị cố định hoạt động
Trong ví dụ này, phần tử cố định dính vào đầu trang [position
1], khi bạn đến vị trí cuộn của nó
Mệnh đề static
1 được sử dụng để kết hợp các hàng từ hai hoặc nhiều bảng, dựa trên một cột có liên quan giữa chúng
Hãy xem xét một lựa chọn từ bảng "Đơn hàng"
OrderIDCustomerIDOrderDate1030821996-09-1810309371996-09-1910310771996-09-20
Sau đó, hãy xem một lựa chọn từ bảng "Khách hàng"
Khách hàngIDKhách hàngTênLiên hệTênQuốc gia1Alfreds FutterkisteMaria AndersĐức2Ana Trujillo Emparedados y heladosAna TrujilloMexico3Antonio Moreno TaqueríaAntonio MorenoMexico
Lưu ý rằng cột "CustomerID" trong bảng "Orders" đề cập đến "CustomerID" trong bảng "Customers". Mối quan hệ giữa 2 bảng trên là cột "CustomerID"
Sau đó, chúng ta có thể tạo câu lệnh SQL sau [có chứa static
2], chọn các bản ghi có giá trị khớp trong cả hai bảng
Ví dụ
CHỌN Đơn đặt hàng. OrderID, khách hàng. Tên khách hàng, đơn đặt hàng. OrderDate
TỪ Đơn đặt hàng
INNER THAM GIA KHÁCH HÀNG TRÊN Đơn đặt hàng. CustomerID=Khách hàng. ID khách hàng;
và nó sẽ tạo ra một cái gì đó như thế này
OrderIDCustomerNameOrderDate10308Ana Trujillo Emparedados y helados9/18/199610365Antonio Moreno Taquería11/27/199610383Xung quanh Horn12/16/199610355Xung quanh Horn15/11/199610278Berglunds snabbköp8/12/1996
Các loại THAM GIA SQL khác nhau
Dưới đây là các loại THAM GIA khác nhau trong SQL
static
3. Trả về các bản ghi có giá trị khớp trong cả hai bảngstatic
4. Trả về tất cả các bản ghi từ bảng bên trái và các bản ghi phù hợp từ bảng bên phảistatic
5. Trả về tất cả các bản ghi từ bảng bên phải và các bản ghi phù hợp từ bảng bên tráistatic
6. Trả về tất cả các bản ghi khi có sự trùng khớp trong bảng bên trái hoặc bên phải
Kiểm tra bản thân với các bài tập
Tập thể dục
Chèn các phần còn thiếu trong mệnh đề static
1 để nối hai bảng static
8 và static
9, sử dụng trường static
10 trong cả hai bảng làm mối quan hệ giữa hai bảng