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

সিএসএস সাইট ওয়াইড ব্যবহার করে

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

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

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

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

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

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

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

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

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

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

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

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

একবার আপনি একটি শৈলী ডকুমেন্ট আছে, আপনি আপনার ওয়েব পেজ এটি লিঙ্ক করতে হবে। এটা দুইভাবে সম্পাদন করা যেতে পারে:

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

জনিফার ক্রাইনিনের মূল রচনা 8/8/17 এ জেরেমি গিয়ার্ড দ্বারা সম্পাদিত