Media Type trong CSS

Một trong những đặc điểm quan trọng của Style Sheet là chúng xác định cách một Webpage hiển thị trên các thiết bị khác nhau: màn hình, trên paper, …

Hiện tại, chúng ta có hai cách xác định thiết bị cho Style Sheet:

Qui tắc @media trong CSS

Qui tắc @media xác định kiểu thiết bị (phân biệt nhau bởi dấu phảy) trong một tập qui tắc.

Ví dụ:

<style tyle="text/css">
    
</style>

Document Language trong CSS

Trong HTML 4.0, thuộc tính media trên phần tử LINK xác định thiết bị của một External Style.

Ví dụ:

<style tyle="text/css">
    
</style>

Một số kiểu thiết bị được công nhận

Tên của kiểu thiết bị trong CSS phản ánh rằng các giá trị của thuộc tính mà bạn đã xác định sẽ làm việc tốt trên các thiết bị đó. Bảng dưới liệt kê các giá trị để xác định cho các kiểu thiết bị đa dạng:

Ghi chú: Tên của kiểu thiết bị là không phân biệt kiểu chữ.