Bên dưới đây sẽ mô tả cho bạn tất cả các tính năng mới về background của CSS3, để biết các thuộc tính khác liên quan đến background, vui lòng xem lại bài hướng dẫn Backgroud trong CSS.

Đến phiên bản CSS3, chúng ta có một số cách mới để xác định giá trị màu là rgba(), hsl() và hsla(). Trong phần bên dưới đây, chúng ta sẽ thảo luận về từng cách xác định màu này.

CSS3 cung cấp hai thuộc tính mới để tạo kiểu đường viền của một phần tử theo cách thanh lịch hơn - thuộc tính border-image để thêm hình ảnh vào đường viền và thuộc tính border-radius để tạo các góc bo tròn mà không cần sử dụng bất kỳ hình ảnh nào như trong phiên bản trước.

Bộ chọn thuộc tính trong CSS cung cấp một cách dễ dàng và mạnh mẽ để áp dụng các quy tắc CSS lên các phần tử có thuộc tính nhất định.

Độ mờ đục (opacity) bây giờ là một phần của đặc tả CSS3, nhưng nó đã có mặt từ rất lâu. Tuy nhiên, các trình duyệt cũ có nhiều cách khác nhau để kiểm soát độ mờ hoặc độ trong suốt.

CSS Media Types cho phép bạn định dạng nội dung trang web của mình để được trình bày chính xác trên nhiều loại thiết bị khác nhau như màn hình, bản in, ... v.v.

Sử dụng phần tử giả (Pesudo element) trong CSS là một cách để áp dụng các quy tắc CSS cho phần tử không xác định vị trí trong DOM tree.

Bộ chọn lớp giả CSS (Pesudo class Selector) khớp với các thành phần dựa trên một điều kiện bổ sung và không nhất thiết phải được định nghĩa trong DOM tree.

Hôm nay bạn sẽ được học về các phương pháp căn chỉnh CSS phổ biến và 3 giải pháp clear float mà đã làm bao nhiêu lập trình viên đau đầu.

Thuộc tính float của CSS chỉ định sắp xếp các phần tử theo chiều ngang. Đây là thuộc tính dàn trang căn bản mà bất cứ lập trình viên phát triển web nào cũng phải biết.

Thuộc tính z-index trong CSS có thể được sử dụng kết hợp với thuộc tính position để tạo hiệu ứng layer (xếp chồng phần tử) như Photoshop.

Thuộc tính position trong CSS xác định vị trí, cách một phần tử sẽ được định vị trên một trang như thế nào. Trong bài này bạn sẽ học về positon: default | relative | absolute | fixed