এই সিএসএস সংক্ষিপ্ত কোর্সের সাথে ঘটনা পান
ক্যাসকেডিং শৈলী শীট অনেক উপকারিতা আছে। তারা আপনার সম্পূর্ণ ওয়েবসাইট জুড়ে একই শৈলী শীট ব্যবহার করার অনুমতি দেয়। এই কাজটি করার দুটি পদ্ধতি আছে:
- LINK উপাদান দিয়ে লিঙ্ক করা
- <লিঙ্ক rel = "স্টাইলশীট" href = "styles.css">
- @ ইমপোর্ট কমান্ডের সাথে আমদানি করা
- <শৈলী>
- @import url ('http://www.yoursite.com/styles.css');
বহিরাগত স্টাইল শীট উপকারিতা এবং অসুবিধা
ক্যাসকেডিং স্টাইল শীটগুলির সেরা জিনিসগুলির মধ্যে একটি হল যে আপনি আপনার সাইটকে সুসংহত রাখতে তাদের ব্যবহার করতে পারেন। এটি করার সবচেয়ে সহজ উপায় একটি বহিরাগত স্টাইল শীট লিঙ্ক বা আমদানি করা হয়। আপনি যদি আপনার সাইটের প্রতিটি পৃষ্ঠার জন্য একই বহিরাগত স্টাইলশীট ব্যবহার করেন, তাহলে আপনি নিশ্চিত হতে পারেন যে সমস্ত পৃষ্ঠাগুলির একই স্টাইল থাকবে।
বহিরাগত স্টাইল শীট ব্যবহার করার কিছু সুবিধা রয়েছে যে আপনি একসাথে বিভিন্ন নথির চেহারা এবং অনুভূতি নিয়ন্ত্রণ করতে পারেন। এটি বিশেষত দরকারী যদি আপনি আপনার ওয়েবসাইট তৈরি করার জন্য একটি দলের সাথে কাজ করেন। অনেক শৈলী নিয়ম মনে রাখা কঠিন হতে পারে, এবং আপনি মুদ্রণ শৈলী গাইড থাকতে পারে, উদাহরণস্বরূপ টেক্সট 12 পয়েন্ট Arial ফন্ট বা 14 পয়েন্ট কুরিয়ার মধ্যে লেখা হতে হবে তা নির্ধারণ করতে এটি ক্রমাগত ফ্লিপ করতে হবে ক্লান্তিকর।
আপনি শৈলী শ্রেণীর তৈরি করতে পারেন যা বিভিন্ন HTML উপাদানে ব্যবহার করা যেতে পারে। আপনি প্রায়ই আপনার পৃষ্ঠায় বিভিন্ন জিনিস জোর দেওয়া একটি বিশেষ Wingdings ফন্ট ব্যবহার করে, আপনি জোর প্রতিটি দৃষ্টিকোণ জন্য একটি নির্দিষ্ট শৈলী সংজ্ঞা তুলনায় তাদের তৈরি করতে আপনার শৈলী শীট সেট আপ Wingdings ক্লাস ব্যবহার করতে পারেন।
আপনি সহজেই আপনার শৈলী আরও দক্ষ হতে গ্রুপ করতে পারেন। সিএসএস-এ উপলব্ধ সমস্ত গ্রুপ পদ্ধতিগুলি বাহ্যিক স্টাইল শীটগুলিতে ব্যবহার করা যেতে পারে, এবং এটি আপনাকে আপনার পৃষ্ঠায় আরো নিয়ন্ত্রণ ও নমনীয়তা প্রদান করে।
যে বলেন, বাইরের স্টাইল শীট ব্যবহার না খুব ভাল কারণ আছে। এক জন্য, তারা ডাউনলোডের সময় বৃদ্ধি করতে পারেন যদি আপনি তাদের অনেক লিঙ্ক।
প্রতিটি সময় আপনি একটি নতুন সিএসএস ফাইল তৈরি করেন এবং আপনার ডকুমেন্টে লিঙ্ক করে দেন, যাতে ওয়েব ব্রাউজারের জন্য ফাইলটি পেতে ওয়েব সার্ভারে অন্য কল করা প্রয়োজন। এবং সার্ভার কল পৃষ্ঠা লোড বার ধীরে ধীরে।
আপনার যদি শুধুমাত্র একটি শৈলী ছোট সংখ্যা, তারা আপনার পৃষ্ঠার জটিলতা বৃদ্ধি করতে পারেন
কারন এইচটিএমএল-এ স্টাইলটি দৃশ্যমান নাও হতে পারে, যে পৃষ্ঠাটি দেখছেন সেটি অন্য ডকুমেন্ট (সিএসএস ফাইল) পেতে হবে যা কি ঘটছে তা বের করতে হবে।
কিভাবে একটি বাহ্যিক স্টাইল শীট তৈরি করুন
বহিরাগত স্টাইল শীটগুলি এমবেডেড এবং ইনলাইন স্টাইল শীটগুলির মতই লিখিত হয়। কিন্তু আপনি যা লিখতে চান তা হল শৈলী নির্বাচক এবং ঘোষণাপত্র । আপনাকে ডকুমেন্টে STYLE উপাদান বা অ্যাট্রিবিউটের প্রয়োজন নেই।
অন্য সব সিএসএসের মত, একটি নিয়ম জন্য সিনট্যাক্স হয়:
নির্বাচক {সম্পত্তি: মান; }
এই নিয়ম এক্সটেনশন .css সঙ্গে একটি টেক্সট ফাইল লিখিত হয়। উদাহরণস্বরূপ, আপনি আপনার শৈলী শীট styles.css নাম হতে পারে
একবার আপনি একটি শৈলী ডকুমেন্ট আছে, আপনি আপনার ওয়েব পেজ এটি লিঙ্ক করতে হবে। আমি উপরে উল্লিখিত হিসাবে, এই দুটি উপায়ে করা হয়।
CSS নথি লিঙ্ক করা
একটি শৈলী শীট লিঙ্ক করার জন্য, আপনি LINK উপাদান ব্যবহার এই গুণাবলী rel এবং href আছে রিল এ্যাট্রিবিউট ব্রাউজারকে আপনি কি লিঙ্ক করছেন (এই ক্ষেত্রে একটি স্টাইল শীট) এবং href এ্যাট্রিবিউটটি CSS ফাইলে পাথটি ধারণ করে।
একটি ঐচ্ছিক বৈশিষ্ট্য টাইপও রয়েছে যা আপনি লিঙ্কযুক্ত নথির MIME প্রকার নির্ধারণ করতে ব্যবহার করতে পারেন। এটি HTML5- তে প্রয়োজনীয় নয়, তবে HTML 4 দস্তাবেজগুলিতে ব্যবহার করা উচিত।
এখানে আপনি CSS সিলেক্ট সিলেক্ট শৈলী শীট লিঙ্ক করতে ব্যবহার করতে পারেন কোড।
<লিঙ্ক rel = "স্টাইলশীট" href = "styles.css">
এবং একটি এইচটিএমএল 4 নথি আপনি লিখতে হবে:
টাইপ = "পাঠ্য / CSS" >
CSS স্টাইল শীটগুলি আমদানি করা
আমদানি করা স্টাইল শীট STYLE উপাদান ভিতরে স্থাপন করা হয় আপনি যদি পছন্দ করেন তবে আপনি এম্বেড করা শৈলীগুলি ব্যবহার করতে পারেন। আপনি সংযুক্ত শৈলী শীট মধ্যে আমদানি করা শৈলী অন্তর্ভুক্ত করতে পারেন। STYLE বা CSS ডকুমেন্টের ভিতরে লিখুন:
@import url ('http://www.yoursite.com/styles.css');