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:

• Xác định thiết bị từ các qui tắc @media hoặc @import.

• Xác định thiết bị bên trong phần Document Language.

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ữ.

Loạt bài hướng dẫn Học CSS cơ bản và nâng cao của chúng tôi dựa trên nguồn tài liệu của: và

Follow fanpage của team hoặc facebook cá nhân Nguyễn Thanh Tuyền để tiếp tục theo dõi các loạt bài mới nhất về Java,C,C++,Javascript,HTML,Python,Database,Mobile.... mới nhất của chúng tôi.