anhsaobang_qn0
New Member
Download miễn phí CSS - Layout
Fixed và Fluid Layout
• Fixed layout: định nghĩa chính xác kích cỡ của tất cả các
phần tử trong một đơn vị tuy đối như pixels
• Fluid layout: một hoặc nhiều phần tử được thiết đặt một
kích cỡ tương đối và có thể thay đổi layout
– Khi cửa sổ browser thay đổi thì layout thay đổi
– Liên quan đến width (chiều rộng)
– Nội dung trang “trôi” trong cửa sổ browser
Để tải bản Đầy Đủ của tài liệu, xin Trả lời bài viết này, Mods sẽ gửi Link download cho bạn sớm nhất qua hòm tin nhắn.
Ai cần download tài liệu gì mà không tìm thấy ở đây, thì đăng yêu cầu down tại đây nhé:
Nhận download tài liệu miễn phí
Tóm tắt nội dung tài liệu:
CSS - LayoutKHOA CÔNG NGHỆ THÔNG TIN
ThS.Nguyễn Văn Lót
Một số đăt tính tốt của Layout
• Dê ̃ sử dụng
• Đơn giản để hiểu
• Cung cấp hỗ trợ tốt từ browser
• “fluid” cho kích cỡ của window/screen
• Cung cấp cho các thiết bị khác nhau
• Có thể sử dụng trên thiết bị mobile
Kỹ thuật bố trí (Layout) trang
• Fixed va ̀ fluid layout
• Các các thức bố trí dựa vào:
– Table
– Frame
– CSS
Fixed va ̀ Fluid Layout
• Fixed layout: định nghĩa chính xác kích cỡ của tất cả các
phần tử trong một đơn vị tuy đối như pixels
• Fluid layout: một hoặc nhiều phần tử được thiết đặt một
kích cỡ tương đối va ̀ có thể thay đổi layout
– Khi cửa sổ browser thay đổi thì layout thay đổi
– Liên quan đến width (chiều rộng)
– Nội dung trang “trôi” trong cửa sổ browser
Ví dụ Fixed
Ví dụ Fluid
Sử dụng Table cho layout
• Nội dung được đặt trong các cột
• Trang được chia vào trong các mục, đặt mỗi mục trong
table
Sử dụng Frame cho layout
Sử dụng CSS
• Sử dụng thẻ DIV để bố tri các phần tử trong trang
(layout)
• Một số kỹ thuật Layout trong CSS
–
–
–
–
...