Trang web thường hiển thị nội dung theo nhiều cột (như tạp chí hoặc báo).
Ví dụ
Cities
London
London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.
Standing on the River Thames, London has been a major settlement for two millennia, its history going back to its founding by the Romans, who named it Londinium.
HTML có một số thành phần ngữ nghĩa xác định các phần khác nhau của trang web:
<header> - Xác định tiêu đề cho tài liệu hoặc phần <nav> - Xác định một tập hợp các liên kết điều hướng <section> - Xác định một phần trong tài liệu <article> - Xác định nội dung độc lập, khép kín <aside> - Xác định nội dung ngoài nội dung (như thanh bên) <footer> - Xác định chân trang cho tài liệu hoặc phần <details> - Xác định các chi tiết bổ sung mà người dùng có thể mở và đóng theo yêu cầu <summary> - Xác định tiêu đề cho phần tử <details>
<header> - Xác định tiêu đề cho tài liệu hoặc phần
<nav> - Xác định một tập hợp các liên kết điều hướng
Người ta thường thực hiện toàn bộ bố cục web bằng thuộc tính CSS float . Float rất dễ học - bạn chỉ cần nhớ cách hoạt động của các thuộc tính float và clear . Nhược điểm: Các phần tử nổi bị ràng buộc với luồng tài liệu, điều này có thể gây tổn hại đến tính linh hoạt. Tìm hiểu thêm về float trong chương CSS Float và Clear của chúng tôi.
Ví dụ
Cities
London
London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.
Standing on the River Thames, London has been a major settlement for two millennia, its history going back to its founding by the Romans, who named it Londinium.
Việc sử dụng flexbox đảm bảo rằng các thành phần hoạt động có thể dự đoán được khi bố cục trang phải phù hợp với các kích thước màn hình khác nhau và các thiết bị hiển thị khác nhau.
Tìm hiểu thêm về flexbox trong chương CSS Flexbox của chúng tôi.
Ví dụ
Cities
London
London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.
Standing on the River Thames, London has been a major settlement for two millennia, its history going back to its founding by the Romans, who named it Londinium.
Mô-đun bố cục lưới CSS cung cấp một hệ thống bố cục dựa trên lưới, với các hàng và cột, giúp thiết kế trang web dễ dàng hơn mà không cần phải sử dụng các float và định vị.