Skip to main content

কিভাবে একটি বহিরাগত স্টাইল শীট নির্মাণ করা

শিক্ষানবিশদের জন্য সিএসএস টিউটোরিয়াল - 10 - একটি বহিস্থিত স্টাইল শীট ব্যবহার (জুন 2025)

শিক্ষানবিশদের জন্য সিএসএস টিউটোরিয়াল - 10 - একটি বহিস্থিত স্টাইল শীট ব্যবহার (জুন 2025)
Anonim

ওয়েবসাইটগুলি শৈলী এবং কাঠামোর সমন্বয় এবং আজকের ওয়েবে, এই দুটি দিককে একে অপরের থেকে আলাদা রাখতে সর্বোত্তম অনুশীলন।

এইচটিএমএল সবসময় তার কাঠামো সঙ্গে একটি সাইট উপলব্ধ করা হয়েছে। ওয়েবের প্রাথমিক দিনে এইচটিএমএল স্টাইল তথ্যও অন্তর্ভুক্ত করে। মত উপাদান ট্যাগ এইচটিএমএল কোড জুড়ে littered ছিল, কাঠামোগত তথ্য পাশাপাশি চেহারা এবং অনুভূতি তথ্য যোগ। ওয়েব স্ট্যান্ডার্ড আন্দোলন আমাদেরকে এই অনুশীলনটি পরিবর্তন করার জন্য এবং পরিবর্তে সমস্ত স্টাইল তথ্য CSS বা ক্যাসকেডিং স্টাইল শীটগুলিতে ধাক্কা দেয়। এটি একটি পদক্ষেপ এগিয়ে নিয়ে, বর্তমান সুপারিশগুলি আপনার ওয়েবসাইট স্টাইলিং প্রয়োজনগুলির জন্য একটি "বহিরাগত শৈলী পত্রক" হিসাবে পরিচিত যা আপনি ব্যবহার করেন।

বহিরাগত স্টাইল শীট এর উপকারিতা এবং অসুবিধা

ক্যাসকেডিং স্টাইল শীটগুলির বিষয়ে সেরা জিনিসগুলির মধ্যে একটি হল যে আপনি তাদের সম্পূর্ণ সাইটটি সামঞ্জস্য রাখতে তাদের ব্যবহার করতে পারেন। এটি করার সবচেয়ে সহজ উপায় একটি বহিরাগত স্টাইল শীট লিঙ্ক বা আমদানি করা হয়। আপনি যদি আপনার সাইটের প্রতিটি পৃষ্ঠার জন্য একই বহিরাগত স্টাইল শীট ব্যবহার করেন, তবে আপনি নিশ্চিত হতে পারেন যে সমস্ত পৃষ্ঠাগুলিতে একই স্টাইল থাকবে। আপনি ভবিষ্যতের জন্য পরিবর্তনগুলি আরও সহজ করতে পারেন। যেহেতু প্রতিটি পৃষ্ঠাগুলি একই বহিরাগত স্টাইল শীট ব্যবহার করে, সেটির যেকোনো পরিবর্তন প্রতিটি সাইট পৃষ্ঠায় প্রভাব ফেলবে। পৃথকভাবে প্রতিটি পৃষ্ঠা পরিবর্তন করার চেয়ে এই অনেক ভাল!

বহিরাগত স্টাইল শীট উপকারিতা

  • আপনি একযোগে বিভিন্ন নথি চেহারা এবং অনুভূতি নিয়ন্ত্রণ করতে পারেন।
    • আপনি যদি নিজের ওয়েব সাইট তৈরির জন্য মানুষের একটি দলের সাথে কাজ করেন তবে এটি বিশেষভাবে উপকারী। অনেক স্টাইলের নিয়ম মনে রাখা কঠিন হতে পারে এবং আপনার মুদ্রিত স্টাইল গাইড থাকতে পারে তবে এটি 12 টি পয়েন্টে Arial ফন্ট, বা 14 পয়েন্ট কুরিয়ারে লেখা হয় কিনা তা নির্ধারণের জন্য এটি ক্রমাগতভাবে ফেটে যেতে অক্ষম এবং ক্লান্ত। এক জায়গায় সবকিছু রেখে, এবং যে স্থানটি আপনি পরিবর্তন করতে পারবেন সেক্ষেত্রেও, আপনি রক্ষণাবেক্ষণ এত সহজ করতে পারেন।
  • আপনি এমন শৈলীগুলি তৈরি করতে পারেন যা বিভিন্ন HTML উপাদানগুলিতে ব্যবহার করা যেতে পারে।
    • আপনি যদি আপনার পৃষ্ঠার বিভিন্ন জিনিসগুলিতে জোর দেওয়ার জন্য একটি নির্দিষ্ট ফন্ট স্টাইল ব্যবহার করেন, তবে আপনি প্রতিটি শৈলীটির জন্য একটি নির্দিষ্ট শৈলী সংজ্ঞায়িত করার পরিবর্তে, আপনার চেহারা এবং অনুভূতি পেতে আপনার শৈলী পত্রিকায় সেট করা একটি শ্রেণিবদ্ধ গুণাবলী ব্যবহার করতে পারেন। জোর।
  • আপনি সহজেই আরো দক্ষ হতে আপনার শৈলী গ্রুপ করতে পারেন।
    • CSS এ উপলব্ধ সমস্ত গোষ্ঠী পদ্ধতি বাইরের স্টাইল শীটে ব্যবহার করা যেতে পারে এবং এটি আপনাকে আপনার পৃষ্ঠাগুলিতে আরও নিয়ন্ত্রণ এবং নমনীয়তা সরবরাহ করে।

বহিরাগত স্টাইল শীট অসুবিধা

  • বহিরাগত শৈলী শীট ডাউনলোড সময় বৃদ্ধি করতে পারে, বিশেষত যদি তারা অত্যন্ত বড় হয়। যেহেতু সিএসএস ফাইল একটি পৃথক নথি যা লোড করা আবশ্যক, তাই এটি ডাউনলোডটি সম্পাদন করতে পারফরম্যান্সকে প্রভাবিত করবে।
  • বহিরাগত স্টাইল শীটগুলি খুব দ্রুত বড় হয়ে যায় কারণ কোন স্টাইলটি কখন আর ব্যবহার করা হয় তা বলা কঠিন, কারণ পৃষ্ঠা সরানো হলে এটি মুছে ফেলা হয় না। আপনার CSS ফাইলগুলির সঠিক ব্যবস্থাপনা গুরুত্বপূর্ণ, বিশেষ করে যদি একাধিক ব্যক্তি একই ফাইলটিতে কাজ করে।
  • যদি আপনার কেবল একটি একক পৃষ্ঠা ওয়েবসাইট থাকে তবে সিএসএসের জন্য একটি বাহ্যিক ফাইল থাকতে পারে না তবে আপনার কাছে কেবল সেই পৃষ্ঠাটি স্টাইলের প্রয়োজন হতে পারে। আপনার কেবলমাত্র একটি পৃষ্ঠার সাইট থাকলে বহিরাগত CSS এর অনেকগুলি সুবিধা হারাবে।

কিভাবে একটি বহিরাগত স্টাইল শীট তৈরি করতে

বহিরাগত স্টাইল শীটগুলি ডকুমেন্ট লেভেল স্টাইল শীটগুলির অনুরূপ সিনট্যাক্স দিয়ে তৈরি হয়। যাইহোক, আপনি নির্বাচক এবং ঘোষণা অন্তর্ভুক্ত করা প্রয়োজন। একটি নথির স্তরের স্টাইল শীটের মতই, একটি নিয়মটির সিনট্যাক্স হল:

নির্বাচক {সম্পত্তি: মান;}

এক্সটেনশন .css সহ একটি টেক্সট ফাইলের মধ্যে এই নিয়মগুলি সংরক্ষণ করুন। এটি প্রয়োজন হয় না, তবে এতে প্রবেশ করার একটি ভাল অভ্যাস, যাতে আপনি অবিলম্বে ডিরেক্টরি তালিকাতে আপনার স্টাইল শীটগুলি চিনতে পারেন।

একবার আপনার স্টাইল শীট দস্তাবেজ থাকলে, আপনাকে এটি আপনার ওয়েব পৃষ্ঠাগুলিতে লিঙ্ক করতে হবে। এটা দুইভাবে সম্পাদন করা যেতে পারে:

  1. সংযোগস্থাপন
    1. একটি স্টাইল শীট লিঙ্ক করার জন্য, আপনি এইচটিএমএল ট্যাগ ব্যবহার করুন। এই গুণাবলী আছে রিল, আদর্শ, এবং সূরা। রিল অ্যাট্রিবিউট আপনি যা লিঙ্ক করছেন তা উল্লেখ করে (এই ক্ষেত্রে স্টাইলশীট), টাইপ ব্রাউজারের জন্য MIME-Type সংজ্ঞায়িত করে এবং href .css ফাইলের পথ।
  2. আমদানি হচ্ছে
    1. আপনি একটি দস্তাবেজ স্তরের শৈলী পত্রকের মধ্যে একটি আমদানি করা স্টাইল শীট ব্যবহার করবেন যাতে আপনি কোনও প্রকারের নির্দিষ্ট ডকুমেন্ট হারানোর সময় বাহ্যিক স্টাইল শীটের বৈশিষ্ট্যগুলি আমদানি করতে পারেন। আপনি এটি একটি লিঙ্কযুক্ত স্টাইল শীট কল করার মতো একই উপায়ে কল করুন, শুধুমাত্র এটি একটি নথির স্তরের শৈলী ঘোষণায় বলা উচিত। আপনি আপনার ওয়েব সাইট বজায় রাখার জন্য প্রয়োজন হিসাবে অনেক বহিরাগত শৈলী শীট আমদানি করতে পারেন।

জেনারেল ক্রাইনিনের মূল নিবন্ধ। 8/8/17 তারিখে জেরেমি গিরার্ড দ্বারা সম্পাদিত