CSS-এ @import এ-নিয়ম

CSS @import নিয়মটি আমদানি করা স্টাইল শীটের URL-এর পরে মিডিয়া প্রকারগুলি নির্দিষ্ট করে একটি নির্দিষ্ট টার্গেট মিডিয়ার জন্য শৈলী তথ্য সেট করার জন্য ব্যবহৃত হয়৷

সিনট্যাক্স

নিচের সিনট্যাক্স −

@import url ("/* ফাইল পাথ */") মিডিয়াটাইপস { CSS-কোড;}

আসুন CSS @import নিয়মের একটি উদাহরণ দেখি:

HTML নথি

উদাহরণ

 head>

 Vivamus commodo, dolor eu porttitor sagittis, orci nisl consectetur ipsum, vel volutpat nibh lectus at erat. পৃথীবির গলা কিছুটা সুবিধা নেবে। জেন একটি উদ্বেগজনক বাহন, প্রয়োজনের একটি বিশুদ্ধ প্যাঁচা স্তর থেকে। 
না হলে ড্রাইভারের বিছানায়। এর থেকে অত্যাচারের কোনো পার্থক্য নেই। কিন্তু সিংহের সদস্যরা বাহন, জীবনের বাহন কখনো কখনো অভিজাত নয়। এটি এখন কুৎসিত, এবং যদি এটি তীরগুলির জন্য না হয় তবে এটি সামগ্রিক প্রান্তের ভয়। 

সাসপেন্ডকে অভিজাতদের সাজাতে একটি হাসি এবং হাসির প্রয়োজন। সাসপেন্ডিস ক্ষমতা. বাচ্চারা বাঁচুক, কিশোররা বাচ্চাদের। আগে তীর আর তীর 
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;}
 
আউটপুট