CSS সংক্ষিপ্ত বর্ণনা

প্রয়োজনীয় জ্ঞান

পড়ার আগে, আপনাকে নিচের জ্ঞানকে সাধারণ জ্ঞান থাকতে হবে:

  • HTML
  • XHTML

আপনি এই প্রকল্পগুলি প্রথমে শিখতে চান, তাহলে হোম পেজ সংশ্লিষ্ট টিউটোরিয়ালস পড়ুন

CSS সংক্ষেপ

  • CSS হলো স্টাইলশিপ (Cascading Style Sশিপস)
  • স্টাইল নির্দিষ্টকিভাবে দেখানো হবে HTML ইলেকট্রন
  • স্টাইলশিপ সাধারণতস্টাইলশিপতে
  • HTML 4.0-এ স্টাইল যোগ করার উদ্দেশ্যকনটেন্ট এবং প্রদর্শনকে পৃথক করার সমস্যা সমাধান করে
  • বহির্ভূত শৈলীসূচীএটা কার্যকরীভাবে কাজকর্মের দ্রতি বাড়ায়
  • বহির্ব্যাপী স্টাইলশিপ সাধারণত CSS ফাইলতে
  • একাধিক স্টাইল নির্দিষ্টস্টাইলএকটি

স্টাইলশিপ একটি সাধারণ সমস্যা সমাধান করে

HTML ট্যাগগুলি মূলত নথিভূক্ত মাল্টিমিডিয়াকে নির্দিষ্ট করার জন্য ডিজাইন করা হয়েছে। <h1>、<p>、<table> এমন ট্যাগগুলির মাধ্যমে, HTML-র মূল উদ্দেশ্য হল এমন তথ্য প্রকাশ করা, যেমন 'এটা শিরোনাম', 'এটা অনুচ্ছেদ', 'এটা ট্যাবলে' ইত্যাদি। নথিভূক্ত সাজসজ্জা ব্রাউজার দ্বারা পরিচালিত হয়, যেখানে কোনও ফরম্যাটিং ট্যাগও ব্যবহার করা হয় না

দুইটি প্রধান ব্রাউজার (নেটস্কেপ এবং ইন্টারনেট এক্সপ্লোরার) নিয়মিতভাবে নতুন HTML ট্যাগ এবং বৈশিষ্ট্য (ফন্ট ট্যাগ এবং রঙ বৈশিষ্ট্য) নিয়ে HTML নিয়মবদ্ধতায় যোগ করছে, তাই নথিভূক্ত মাল্টিমিডিয়া কনটেন্টকে নথিভূক্ত প্রদর্শন স্তর থেকে স্বতন্ত্রভাবে প্রদর্শন করা হতে বেশ কঠিন হয়েছে

এই সমস্যা সমাধান করতে, ওয়েব ওয়ার্ল্ড কাউন্সিল (W3C), এই অলাভজনক প্রমাণন অলিম্পিয়াড, HTML স্ট্যান্ডার্ডাইজেশনের দায়িত্ব নিয়েছে এবং HTML 4.0-র বাইরে স্টাইল (Style) তৈরি করেছে

সমস্ত প্রধান ব্রাউজারকে ক্রমান্বয়ে স্টাইলশিপ সমর্থন করে

স্টাইলশিপ কার্যকরীভাবে কাজকর্মের দ্রতি বাড়ায়

স্টাইলশিপ এইভাবে নির্দিষ্ট করে, কিভাবে HTML ইলেকট্রনকে দেখানো হবে, এমনকি HTML 3.2-র ফন্ট ট্যাগ এবং রঙ বৈশিষ্ট্যগুলির কাজ হতো। স্টাইলশিপ সাধারণত .css ফাইলে সংরক্ষিত হয়। একটি সাধারণ CSS ডকুমেন্টকে সম্পাদনা করে বহির্ব্যাপী স্টাইলশিপটি সমস্ত পৃষ্ঠার সাজসজ্জা এবং দেখানোকে একইসঙ্গে পরিবর্তন করতে পারেন。

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

বহুবিধ শৈলীকে একত্রিত করা হবে

শৈলীসূচী বিভিন্ন পদ্ধতিতে শৈলী তথ্য নির্দিষ্ট করতে সক্ষম।শৈলীগুলি একক এইচটিএমএল উপাদানে, এইচটিএমএল পাতার হেড> ট্যাগে, বা একটি বহির্ভূত CSS ফাইলে নির্দিষ্ট করা যেতে পারে।একইসঙ্গে, একই এইচটিএমএল ডকুমেন্টের ভিতরে একাধিক বহির্ভূত শৈলীসূচীও উল্লেখ করা যেতে পারে。

স্তরান্তর

যখন একই HTML উপাদানকে একাধিক শৈলী ঘোষণা করা হয়, তখন কোনও শৈলী ব্যবহার করা হবে?

সাধারণত, সমস্ত শৈলী নিচের নিয়ম অনুযায়ী একটি নতুন আবার্তিত শৈলীসূচীতে ক্রমান্বয়ে স্থানান্তরিত হয়, যেখানে সংখ্যা 4 সর্বোচ্চ প্রাথমিকতা পাবে。

  1. ব্রাউজার ডিফল্ট সেটিং
  2. বহির্ভূত শৈলীসূচী
  3. ইনলাইন শৈলীসূচী (হেড> ট্যাগের ভিতরে)
  4. ইনলাইন শৈলী (HTML উপাদানের ভিতরে)

তাই, ইনলাইন শৈলী (HTML উপাদানের ভিতরে) সর্বোচ্চ প্রাথমিকতা পায়, যার মানে এটি নিচের শৈলী ঘোষণার জন্য প্রাথমিকতা পাবে: <head> ট্যাগের শৈলী ঘোষণা, বহির্ভূত শৈলীগুলি, বা ব্রাউজারের ডিফল্ট শৈলী ঘোষণা (ডিফল্ট মান)。