অন্য একটি সিএসএস ফাইল অন্তর্ভুক্ত করা সম্ভব?
অন্য একটি সিএসএস ফাইল অন্তর্ভুক্ত করা সম্ভব?
উত্তর:
হ্যাঁ:
@import url("base.css");
বিঃদ্রঃ:
@import
নিয়ম আগে বসে আবশ্যক (-setup অন্যান্য সব নিয়ম @charset
)।@import
বিবৃতিগুলির জন্য অতিরিক্ত সার্ভারের অনুরোধ প্রয়োজন। বিকল্প হিসাবে, একাধিক এইচটিটিপি অনুরোধ এড়াতে সমস্ত সিএসএসকে একটি ফাইলে সংযুক্ত করুন। উদাহরণস্বরূপ, বিষয়বস্তু কপি base.css
এবং special.css
মধ্যে base-special.css
এবং শুধুমাত্র রেফারেন্সের base-special.css
।হ্যাঁ. অন্য সিএসএস ফাইলে সিএসএস ফাইল আমদানি করা সম্ভব।
এটি অবশ্যই @ আমদানি নিয়ম ব্যবহার করে স্টাইল শীটে প্রথম নিয়ম হওয়া উচিত ।
@import "mystyle.css";
@import url("mystyle.css");
একমাত্র সতর্কতা হ'ল পুরানো ওয়েব ব্রাউজারগুলি এটি সমর্থন করবে না। আসলে, পুরানো ব্রাউজারগুলি থেকে সিএসএস শৈলীর আড়াল করতে এটি সিএসএসের একটি 'হ্যাক'।
পড়ুন এই তালিকায় ব্রাউজার সমর্থনের জন্য।
@import url("base.css");
মনের মধ্যে জরিমানা কিন্তু ভালুক কাজ করে যে @import
বিবৃতি সার্ভারে কোনও নতুন অনুরোধ। এটি আপনার পক্ষে সমস্যা নাও হতে পারে তবে যখন সর্বোত্তম পারফরম্যান্স প্রয়োজন তখন আপনার এড়ানো উচিত @import
।
সিএসএস @import
বিধি ঠিক তাই করে। যেমন,
@import url('/css/common.css');
@import url('/css/colors.css');
কিছু ক্ষেত্রে @Import "file.css" ব্যবহার করা সম্ভব এবং বেশিরভাগ আধুনিক ব্রাউজারগুলিকে এটি সমর্থন করা উচিত, এনএন 4 এর মতো পুরানো ব্রাউজারগুলি কিছুটা বাদামে চলে যাবে।
দ্রষ্টব্য: আমদানির বিবৃতিটি অবশ্যই ফাইলের অন্যান্য সমস্ত ঘোষণার আগে অবশ্যই তৈরি করতে হবে এবং এটি উত্পাদনে ব্যবহারের আগে এটি আপনার সমস্ত টার্গেট ব্রাউজারে পরীক্ষা করতে হবে।
হ্যাঁ, @ ইম্পোর্ট ব্যবহার করুন
বিস্তারিত তথ্য সহজেই গুগল করা হয়েছে, http://webdesign.about.com/od/beginningcss/f/css_import_link.htm এ একটি ভাল তথ্য
"@ ইমপোর্ট" বিধি একাধিক স্টাইল ফাইলগুলিতে কল করতে পারে। এই ফাইলগুলি ব্রাউজার বা ব্যবহারকারী এজেন্ট দ্বারা ডাকা হয় যখন প্রয়োজন হয় যেমন HTML ট্যাগগুলি সিএসএসকে কল করে।
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="EN" dir="ltr">
<head>
<title>Using @import</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
@import url("main.css");
</style>
</head>
<body>
</body>
</html>
সিএসএস ফাইল "main.css" এ নিম্নলিখিত সিনট্যাক্স ধারণ করে:
@import url("fineprint.css") print;
@import url("bluish.css") projection, tv;
@import 'custom.css';
@import url("chrome://communicator/skin/");
@import "common.css" screen, projection;
@import url('landscape.css') screen and (orientation:landscape);
শৈলীর উপাদান সন্নিবেশ করতে createTexNode অভ্যন্তরীণ এইচটিএমএল ব্যবহার করবেন না :
<script>
var style = document.createElement('style');
style.setAttribute("type", "text/css");
var textNode = document.createTextNode("
@import 'fineprint.css' print;
@import 'bluish.css' projection, tv;
@import 'custom.css';
@import 'chrome://communicator/skin/';
@import 'common.css' screen, projection;
@import 'landscape.css' screen and (orientation:landscape);
");
style.appendChild(textNode);
</script>
projection
এবং screen
?) থেকে ক্লাসগুলি ওভাররাইড করা সম্ভব এটি সাধারণত কখনই করা ভাল নয়। ;)
আমি ওয়ার্ডপ্রেস সহ আলটারভিস্টায় বুটস্ট্র্যাপ সিএসএস আমদানি করতে এটি ব্যবহার করি
@import url("https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css");
এবং এটি সূক্ষ্মভাবে কাজ করে, কারণ এটি কোনও পৃষ্ঠায় রাখলে এইচটিএমএল লিঙ্ক রিল কোডটি মুছে ফেলা হবে
হ্যাঁ আপনি সহজেই অন্য কোনও সিএসএস আমদানি করতে পারেন (ওয়েবসাইট যে কোনও জায়গায়) আপনার ব্যবহার করতে হবে:
@import url("url_path");
যে কারণেই হোক না কেন, @ ইম্পোর্ট আমার পক্ষে কাজ করেনি, তবে এটি কি আসলেই প্রয়োজনীয় নয়?
পরিবর্তে এইচটিএমএল এর মধ্যে আমি যা করেছি তা এখানে:
<link rel="stylesheet" media="print" href="myap-print.css">
<link rel="stylesheet" media="print" href="myap-screen.css">
<link rel="stylesheet" media="screen" href="myap-screen.css">
লক্ষ্য করুন যে মিডিয়া = "মুদ্রণ" এর 2 টি স্টাইলশিট রয়েছে: মায়াপ-মুদ্রণ.কম এবং মায়াপ-স্ক্রিন.কম। এটি মাইপ-স্ক্রিন.এসএসএস-এর মধ্যে মাইপ-স্ক্রিন.এসএস অন্তর্ভুক্ত একই প্রভাব।
আমি main.css ফাইল তৈরি করেছি এবং এতে সমস্ত CSS ফাইল অন্তর্ভুক্ত করেছি।
আমরা কেবল একটি মেইন সিএসএস ফাইল অন্তর্ভুক্ত করতে পারি
@import url('style.css');
@import url('platforms.css');
আমি এতে হোঁচট খেয়েছি এবং আমি কেবল বলতে চেয়েছিলাম দয়া করে সিএসএসে @ আমদানি ব্যবহার করবেন না !!!! আমদানি বিবৃতিটি ক্লায়েন্টকে প্রেরণ করা হয় এবং ক্লায়েন্টটি অন্য অনুরোধ করে। আপনি যদি নিজের সিএসএসকে বিভিন্ন ফাইলের মধ্যে ভাগ করতে চান তবে কম ব্যবহার করুন। কম ক্ষেত্রে আমদানি বিবৃতিটি সার্ভারে ঘটে এবং আউটপুট ক্যাশে হয় এবং ক্লায়েন্টকে অন্য সংযোগ তৈরি করতে বাধ্য করে পারফরম্যান্স পেনাল্টি তৈরি করে না। সাস হ'ল একটি বিকল্প যা আমি অনুসন্ধান করেছি not সত্যই, আপনি যদি কম বা সাস ব্যবহার না করেন তবে আপনার শুরু করা উচিত। http://willseitz-code.blogspot.com/2013/01/using-less-to-manage-css-files.html