CSS - Layout

CSS - Layout KHOA 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 – – – –