@import At-rules ใน CSS

กฎ CSS @import ใช้สำหรับการตั้งค่าข้อมูลรูปแบบสำหรับสื่อเป้าหมายเฉพาะ โดยการระบุประเภทสื่อหลัง URL ของสไตล์ชีตที่นำเข้า

ไวยากรณ์

ต่อไปนี้เป็นไวยากรณ์ -

@import url ("/* เส้นทางไฟล์ */") ประเภทสื่อ { CSS-Code;}

มาดูตัวอย่างกฎ CSS @import:

เอกสาร HTML

ตัวอย่าง

 head>

 Vivamus commodo, dolor eu porttitor sagittis, orci nisl consectetur ipsum, vel volutpat nibh lectus at erat คอของแผ่นดินจะใช้ประโยชน์บางอย่าง สำหรับ Zen นั้นเป็นพาหนะที่น่ากังวล จากความต้องการเพียงเล็กน้อยเป็นหย่อมๆ 
ถ้าไม่อยู่บนเตียงคนขับ ไม่มีอะไรแตกต่างจากการทรมาน แต่สมาชิกของสิงโตเป็นพาหนะ พาหนะแห่งชีวิตบางครั้งไม่ใช่ชนชั้นสูง ตอนนี้มันน่าเกลียด และถ้าไม่ใช่เพราะลูกธนู แสดงว่ากลัวที่ขอบโดยรวม 

Suspende ต้องการรอยยิ้มและรอยยิ้มในการตกแต่งที่ Elite แขวนลอย potenti. เลี้ยงเด็ก วัยรุ่นกับเด็ก ก่อนลูกศรและลูกศร 
เอกสาร CSS (screen.css)
 
p { สี:น้ำเงิน; ตัวอักษรสไตล์:ตัวเอียง; }.สอง { สี:#c303c3; ขนาดตัวอักษร:20px; } เนื้อหา { สีพื้นหลัง:น้ำผึ้ง;} เอกสาร CSS (print.css):p { สี:สีแดง; ตัวอักษรสไตล์:ตัวเอียง;}.สอง (สี:#989898; ขนาดตัวอักษร:40px; }
 
ผลลัพธ์
 

 เมื่อเอกสารปรากฏอยู่ในประเภทสื่อหน้าจอ −
 

 
 

 เมื่อเอกสารปรากฏอยู่ในสื่อสิ่งพิมพ์ −
 

 
 

 มาดูตัวอย่างอื่นสำหรับกฎ CSS @import -
 
เอกสาร HTML
 
ตัวอย่าง
 
 / head>

ฉันโอเคกับพื้นที่ที่ใช้ร่วมกัน
ฉันต้องการพื้นที่ส่วนตัว

ฉันก็โอเคกับพื้นที่ที่ใช้ร่วมกัน
 

ฉันด้วย
เอกสาร CSS (all.css):p { float:left; ระยะขอบ:10px; ช่องว่างภายใน:10px; สี:ขาว; สีพื้นหลัง:#48C9B0; เส้นขอบ:4px ทึบ #145A32;}p.noneFloat{ float:none; ชัดเจน:ทั้งสอง; สี:#34495E;}
 
ผลลัพธ์