http://vietjack.com/css/index.jsp Copyright © vietjack.com Layout CSS Chắc bạn quen thuộc với bảng HTML quen thuộc với việc tạo Page Layout sử dụng bảng Nhưng bạn có biết CSS cung cấp cho bạn nhiều điều khiển tới việc xác định vị trí phần tử tài liệu CSS xu hướng tương lai, bạn không học sử dụng CSS để có nhiều lựa chọn việc thiết kế Layout cho Webpage thay sử dụng bảng cách đơn điệu? Dưới số điểm mạnh điểm yếu hai cơng nghệ trên: • Hầu hết trình duyệt hỗ trợ bảng, việc hỗ trợ CSS diễn chậm chạp • Các bảng dễ học sử dụng CSS rule • CSS cung cấp xác sử dụng bảng HTML • Việc theo dõi thiết kế bảng lồng vào thực gây cho bạn nhiều phiền phức CSS rule giúp bạn tổ chức tốt hơn, đọc, tạo thay đổi cách dễ dàng Dù nữa, bạn quen thích sử dụng cơng nghệ mà làm cho Webpage bạn làm việc hiển thị tốt sử dụng CSS cung cấp thuộc tính table-layout giúp cho bảng bạn tải nhanh Ví dụ: width="150">Cell A Cell B Cell C Bây giờ, thiết lập màu cho cột (màu vàng) sau gắn qui tắc cho thẻ : > padding-left:9px; Lồng nhiều khối vào level1, tiếp thay đổi màu cho chúng: > margin-right:143px; #main { Và cuối source code có dạng sau: body { margin:9px 9px 9px; padding:0; background:#FFF; } #level0 {background:#FC0;} #level1 { margin-left:143px; padding-left:9px; background:#FFF; } #level2 {background:#FFF3AC;} #level3 { margin-right:143px; padding-right:9px; background:#FFF; } #main {background:#CCC;} Noi dung can trinh bay tai day Tương tự, bạn thêm điều hướng quảng cáo chẳng hạn vào phần trang http://vietjack.com/ Trang chia sẻ các bài học online miễn phí http://vietjack.com/css/index.jsp Copyright © vietjack.com Kết là: Noi dung can trinh bay tai day http://vietjack.com/ Trang chia sẻ các bài học online miễn phí ... style="text /css" > Bây giờ, thiết lập màu cho cột (màu vàng) sau gắn qui tắc cho thẻ : > ... padding-left:9px; Lồng nhiều khối vào level1, tiếp thay đổi màu cho chúng: > ... } Cuối cùng, sử dụng công nghệ trên, lồng khối level3 vào bên level2 để tạo Layout cho cột phải: