Kiểu MIME của file .css là gì?
Kiểu MIME (media type) cho file Cascading Style Sheets có đuôi .css là text/css. Trình duyệt sẽ từ chối áp dụng stylesheet được phục vụ với kiểu sai khi X-Content-Type-Options: nosniff được bật — một nguyên nhân phổ biến gây lỗi “trang không có kiểu dáng” trên các máy chủ cấu hình sai và S3 bucket.
Header Content-Type
Content-Type: text/css; charset=utf-8Các kiểu dựa trên văn bản nên bao gồm charset để trình duyệt giải mã ký tự đúng cách.
Cấu hình máy chủ
| Máy chủ | Cấu hình |
|---|---|
Nginx (mime.types hoặc types {}) | text/css css; |
Apache (.htaccess) | AddType text/css .css |
IIS (web.config) | <mimeMap fileExtension=".css" mimeType="text/css" /> |
| Node.js / Express | res.type('css') hoặc res.setHeader('Content-Type', 'text/css; charset=utf-8') |
| Amazon S3 | Đặt Content-Type: text/css cho đối tượng (metadata), hoặc truyền --content-type text/css vào aws s3 cp |
Có nên nén file .css không?
Có. Cascading Style Sheets là văn bản, nên bật gzip hoặc Brotli cho text/css thường tiết kiệm 50–80 % kích thước truyền tải. Hãy đảm bảo danh sách nén của máy chủ có kiểu này — kiểm tra bằng bài kiểm tra nén website.
Vì sao kiểu MIME quan trọng
Trình duyệt quyết định xử lý phản hồi — hiển thị, chạy, phát hay tải xuống — dựa trên header Content-Type, không phải đuôi file. Với X-Content-Type-Options: nosniff, kiểu sai sẽ khiến stylesheet và script bị chặn hoàn toàn. Với các file tải lên, đừng bao giờ tin kiểu do client gửi; hãy kiểm tra nội dung file (magic bytes) trên máy chủ.
Tra cứu kiểu MIME
Tìm kiếm mọi đuôi file và kiểu MIME phổ biến, kèm header Content-Type sẵn sàng sao chép.
Câu hỏi thường gặp
Kiểu MIME của .css là gì?
text/css.Làm sao đặt Content-Type cho .css trong Nginx?
text/css css; có trong khối types (thường nằm ở /etc/nginx/mime.types) rồi tải lại Nginx.