Phần 2: Bố cục trang web
Khám phá các bài học, hướng dẫn và kinh nghiệm lập trình từ VNWebPro.
Bài 18: So sánh Flexbox và Grid – Nên dùng khi nào?
Sau khi học cả Flexbox và CSS Grid, nhiều người đặt câu hỏi: “Tôi nên dùng cái nào để xây…
Đọc tiếpBài 17: Grid nâng cao – Đặt vị trí, lưới lồng và layout chuyên sâu
Trong bài trước, bạn đã học cách tạo lưới đơn giản bằng grid-template-columns và grid-template-rows. Nhưng CSS Grid không dừng…
Đọc tiếpBài 16: Grid layout cơ bản – Tạo lưới, dòng và cột
Flexbox rất hiệu quả khi bố cục một chiều (ngang hoặc dọc), nhưng khi bạn muốn tạo bố cục hai…
Đọc tiếpBài 15: Flexbox nâng cao – căn giữa, khoảng cách, và wrap nhiều dòng
Sau khi bạn đã nắm được trục chính và trục phụ trong Flexbox, bài này sẽ giúp bạn đi xa…
Đọc tiếpBài 14: Flexbox cơ bản – Trục chính và trục phụ
CSS Flexbox (Flexible Box) là một công cụ mạnh mẽ và hiện đại giúp bạn tạo bố cục hàng ngang,…
Đọc tiếpBài 13: Float và Clear – Kỹ thuật bố cục truyền thống trước thời Flexbox
Trước khi có Flexbox hay CSS Grid, các lập trình viên web thường dùng float để tạo bố cục chia…
Đọc tiếpBài 12: Position – Điều khiển vị trí phần tử trong trang
Để xây dựng bố cục trang web linh hoạt, không thể chỉ dựa vào margin hay padding.Khi bạn cần đặt…
Đọc tiếpBài 11: Display – Kiểm soát cách phần tử hiển thị và chiếm không gian
Trong HTML, mỗi phần tử khi hiển thị sẽ chiếm không gian theo một cách nhất định: có cái chiếm…
Đọc tiếp