@Import At-rules trong CSS

Quy tắc CSS @import được sử dụng để đặt thông tin kiểu cho một phương tiện đích cụ thể bằng cách chỉ định các loại phương tiện sau URL của các biểu định kiểu đã nhập.

Cú pháp

Sau đây là cú pháp -

 @import url ("/ * đường dẫn tệp * /") loại trung gian {CSS-Code;} 

Hãy xem một ví dụ cho quy tắc CSS @import:

Tài liệu HTML

Ví dụ

      head>  

 Vivamus Goodso, dolor eu porttitor sagittis, orci nisl consectetur ipsum, vel volutpat nibh lectus at erat. Cổ họng của trái đất sẽ tận dụng một số lợi thế. Đối với Zen là một phương tiện đáng lo ngại, từ một lớp nhu cầu thuần túy loang lổ. 
 
 Nếu không, trên giường của người lái xe. Không có gì thay đổi từ đó đến sự tra tấn. Nhưng các thành viên của sĩ tử là những phương tiện, phương tiện của cuộc sống đôi khi không phải là tinh hoa. Bây giờ nó xấu xí, và nếu không phải vì những mũi tên, nó là một nỗi sợ hãi về phần tổng thể. 
 

 Suspende cần một nụ cười và một nụ cười để tô điểm cho nó trở nên ưu tú. Chiết áp Suspendisse. Sống trẻ em, thanh thiếu niên trẻ em. Trước mũi tên và mũi tên 
 Tài liệu CSS (screen.css) 
 
 p {color:navy; font-style:nghiêng; } .two {color:# c303c3; font-size:20px; } body {background-color:honeydew;} Tài liệu CSS (print.css):p {color:red; font-style:italic;}. hai {color:# 989898; font-size:40px; } 
 
 Đầu ra 
 

 Khi tài liệu được hiển thị trong kiểu trung gian màn hình - 
 

  
 

 Khi tài liệu được hiển thị trong một loại trung gian in - 
 

  
 

 Hãy xem một ví dụ khác cho quy tắc CSS @import - 
 
 Tài liệu HTML 
 
 Ví dụ 
 
      / head>  

 Tôi đồng ý với không gian dùng chung 
 
 Tôi muốn có không gian riêng tư 
 

 Tôi cũng đồng ý với không gian dùng chung 
 

 Tôi cũng vậy 
   Tài liệu CSS (all.css):p {float:left; lề:10px; đệm:10px; màu trắng; màu nền:# 48C9B0; border:4px solid # 145A32;} p.noneFloat {float:none; rõ ràng:cả hai; màu:# 34495E;} 
 
 Đầu ra