Nhập tệp CSS bằng @import

Từ bất kỳ tệp CSS nào, bạn có thể nhập tệp CSS khác bằng cách sử dụng@importchỉ thị.

Đây là cách bạn sử dụng nó:

@import url(myfile.css)

url () có thể quản lý URL tuyệt đối hoặc tương đối.

Một điều quan trọng bạn cần biết là@importCác chỉ thị phải được đặt trước bất kỳ CSS nào khác trong tệp, nếu không chúng sẽ bị bỏ qua.

Bạn có thể sử dụng bộ mô tả phương tiện để chỉ tải tệp CSS trên phương tiện cụ thể:

@import url(myfile.css) all;
@import url(myfile-screen.css) screen;
@import url(myfile-print.css) print;

Các hướng dẫn css khác:

• Hướng dẫn Flexbox
• Hướng dẫn về CSS Grid
• Biến CSS (Thuộc tính tùy chỉnh)
• Giới thiệu về PostCSS
• Thuộc tính lề CSS
• Cách căn giữa một phần tử bằng CSS
• Phông chữ Hệ thống CSS
• Cách in HTML của bạn với phong cách
• Hướng dẫn giới thiệu về Chuyển đổi CSS
• Hướng dẫn tạo ảnh động CSS
• Giới thiệu về CSS
• Hướng dẫn CSS
• Cách thiết lập Tailwind với PurgeCSS và PostCSS
• Tờ Tailwind Cheat
• Cách xoay liên tục hình ảnh bằng CSS
• Tạo bảng phản hồi bằng CSS
• Cách gỡ lỗi CSS bằng cách chia đôi
• Bộ chọn CSS
• Xếp tầng CSS
• Đặc tính CSS
• Bộ chọn thuộc tính CSS
• Màu sắc CSS
• Đơn vị CSS
• Url CSS ()
• Kiểu chữ CSS
• Mô hình hộp CSS
• Thuộc tính vị trí CSS
• Truy vấn phương tiện CSS và thiết kế đáp ứng
• Truy vấn tính năng CSS
• Chuyển đổi CSS
• Cách tạo kiểu danh sách bằng CSS
• Tiền tố nhà cung cấp CSS
• Kế thừa CSS
• Lớp giả CSS
• Phần tử giả CSS
• Tạo kiểu bảng HTML bằng CSS
• Thuộc tính Hiển thị CSS
• Hàm calc () CSS
• Đường viền CSS
• Nhập tệp CSS bằng @import
• Xử lý lỗi CSS
• Bộ lọc CSS
• Kích thước hộp CSS
• Nền CSS
• Nhận xét CSS
• Phông chữ CSS
• CSS Padding
• Thuộc tính float CSS và thanh toán bù trừ
• Chuẩn hóa CSS
• Thuộc tính CSS z-index
• Cách tắt lựa chọn văn bản bằng CSS
• Cách đặt một mục ở dưới cùng của vùng chứa bằng CSS
• Cách đảo màu bằng CSS
• Các thẻ pre đáp ứng trong CSS
• Nhúng video YouTube thích ứng
• Giá trị Điểm ngắt CSS tốt cho Thiết kế đáp ứng là gì?
• Cách căn giữa trong flexbox