ক্যাসকেডিং স্টাইল শীট কি?
ওয়েবসাইটগুলি ইমেজ, পাঠ্য এবং বিভিন্ন নথিসহ বিভিন্ন ধরণের টুকরো গঠিত হয়। এই দস্তাবেজটি কেবল পিএইচপি ফাইলের মতই বিভিন্ন পৃষ্ঠাগুলির সাথে সংযুক্ত হতে পারে না এমন পৃষ্ঠাগুলিকে অন্তর্ভুক্ত করে, কিন্তু পৃষ্ঠাগুলি তৈরি করতে ব্যবহৃত ডকুমেন্টগুলি যেমন, পিএইচপি এবং CSS (ক্যাসকেডিং স্টাইল শীট) নথির নির্ধারণের জন্য এইচটিএমএল ডকুমেন্টের মতো। একটি পৃষ্ঠা চেহারা তাকান। এই নিবন্ধটি সিএসএস-এ নিক্ষিপ্ত হবে, এটি কি এবং এটি আজকের ওয়েবসাইটগুলিতে এটি কোথায় ব্যবহার করা হবে।
একটি সিএসএস ইতিহাস পাঠ
সিএসএস প্রথমবারের মতো ওয়েব ডেভেলপারদের জন্য ওয়েব ডেভলপমেন্টের একটি উপায় হিসেবে তৈরি করা হয়েছিল যেগুলি তারা তৈরি করা হয়েছিল এমন ওয়েব পেজগুলির চাক্ষুষ চেহারা নির্ধারণ করতে পারে। এটি ওয়েব পেশাদারদের ভিজুয়াল ডিজাইন থেকে ওয়েবসাইটের কোডের বিষয়বস্তু এবং কাঠামোকে পৃথক করার অনুমতি দেয়, এমন কিছু যা এই সময়ের পূর্বে সম্ভব হয়নি।
কাঠামো ও শৈলীর বিভাজন এইচটিএমএলটি ফাংশনটি আরও বেশি করে সঞ্চালন করে দেয় যা মূলত এটির উপর ভিত্তি করে তৈরি করা হয়েছিল - পৃষ্ঠাটির ডিজাইন এবং লেআউট সম্পর্কে চিন্তা না করে বিষয়বস্তুটির মার্কআপ, যা সাধারণত "বর্ণন এবং অনুভূতি" নামে পরিচিত। পৃষ্ঠার
সিএসএস প্রায় 2000 সাল পর্যন্ত জনপ্রিয়তা লাভ করেনি, যখন ওয়েব ব্রাউজার এই মার্কআপ ভাষার মৌলিক ফন্ট এবং রঙের দিক থেকে বেশি ব্যবহার করে। আজ, সমস্ত আধুনিক ব্রাউজারগুলি CSS লেভেল 1, সর্বাধিক CSS স্তর ২ এবং এমনকি CSS লেভেল 3 এর সর্বাধিক দিক সমর্থন করে। CSS ক্রমবর্ধমান এবং নতুন শৈলী চালু হওয়ার সাথে সাথে, ওয়েব ব্রাউজারগুলি মডিউলগুলি বাস্তবায়নের জন্য শুরু করেছে যা এই ব্রাউজারগুলিতে নতুন CSS সমর্থন দেয় এবং ওয়েব ডিজাইনারদের সাথে কাজ করার জন্য শক্তিশালী নতুন স্টাইলিং সরঞ্জামগুলি প্রদান করে।
অতীতের (বহু) বছরগুলিতে, ওয়েব ডিজাইনারদের বেছে নেওয়া ওয়েব ডিজাইনাররা ওয়েব ডিজাইন ও ডেভেলপমেন্টের জন্য সিএসএস ব্যবহার করতে অস্বীকৃতি জানিয়েছেন, CSS এখন ওয়েব ডিজাইনের একটি ব্যাপকভাবে ব্যবহারযোগ্য মান এবং আপনি আজকে শিল্পে যে কেউ এই ভাষাতে কমপক্ষে একটি মৌলিক বোঝা না থাকায় খুঁজে পাওয়া কঠিন।
CSS একটি সংক্ষিপ্ত বিবরণ
ইতিমধ্যেই উল্লিখিত, সিএসএস শব্দটিকে "ক্যাসকেডিং স্টাইল শীট" বলে। চলুন শুরু করা যাক এই শব্দটি একটি বিট নিচে আরও বিস্তারিতভাবে এই দস্তাবেজ কি ব্যাখ্যা।
শব্দ "স্টাইল শীট" ডকুমেন্ট নিজেই বোঝায় (যেমন এইচটিএমএল, সিএসএস ফাইল সত্যিই শুধু টেক্সট নথি যা বিভিন্ন প্রোগ্রামের সাথে সম্পাদিত হতে পারে)। শৈলী শীট অনেক বছর ধরে নথি নকশা জন্য ব্যবহৃত হয়েছে। তারা একটি বিন্যাস জন্য প্রযুক্তিগত স্পেসিফিকেশন, কিনা প্রিন্ট বা অনলাইন। প্রিন্ট ডিজাইনাররা দীর্ঘদিন ধরে স্টাইল শীট ব্যবহার করে তাদের ডিজাইনগুলি তাদের স্পেসিফিকেশনের জন্য মুদ্রিত হয়। একটি ওয়েব পৃষ্ঠার জন্য একটি শৈলী শীট একই উদ্দেশ্যে কাজ করে, তবে ওয়েব ব্রাউজারকে বলা হয় ডকুমেন্টটি কিভাবে দেখানো হবে সে সম্পর্কে যোগ করা কার্যকারিতা। আজ, সিএসএস স্টাইল শীট বিভিন্ন ডিভাইস এবং পর্দা মাপের জন্য একটি পৃষ্ঠা দেখায় উপায় পরিবর্তন করতে মিডিয়া প্রশ্ন করতে পারেন। এটি অবিশ্বাস্যভাবে গুরুত্বপূর্ণ কারণ এটি একটি একক এইচটিএমএল ডকুমেন্ট ব্যবহার করে পর্দা ব্যবহার করার জন্য আলাদা ভাবে ব্যবহার করা যাবে।
ক্যাসকেড হল "ক্যাসকেডিং স্টাইল শীট" শব্দটির বিশেষ বিশেষ অংশ। একটি ওয়েব শৈলী শীট একটি শীতল মধ্যে শৈলী সিরিজ মাধ্যমে ক্যাসকেড উদ্দেশ্যে করা হয়, একটি জলপ্রপাত উপর একটি নদীর মত। নদীর জল জলপ্রপাত মধ্যে সব পাথর আঘাত, কিন্তু নীচে শুধুমাত্র যারা জল যেখানে প্রবাহিত হবে প্রভাবিত। ওয়েবসাইট শৈলী শীট মধ্যে ক্যাসকেড একই একই সত্য।
প্রতিটি ওয়েব পৃষ্ঠা অন্তত একটি শৈলী শীট দ্বারা প্রভাবিত হয়, এমনকি যদি ওয়েব ডিজাইনার কোন শৈলী প্রয়োগ না করে। এই স্টাইল শীট ব্যবহারকারী এজেন্ট শৈলী শীট - ডিফল্ট শৈলী হিসাবে পরিচিত যা ওয়েব ব্রাউজার একটি পৃষ্ঠা প্রদর্শনের জন্য ব্যবহার করা হবে যদি অন্য কোন নির্দেশনা দেওয়া হয় না। উদাহরণস্বরূপ, ডিফল্ট হাইপারলিঙ্কগুলি নীল রঙে থাকে এবং তারা আন্ডারলাইন করা হয়। যারা শৈলী একটি ওয়েব ব্রাউজার এর ডিফল্ট শৈলী শীট থেকে আসে। যদি ওয়েব ডিজাইনার অন্য নির্দেশাবলী প্রদান করে তবে, ব্রাউজারকে জানতে হবে কোন নির্দেশগুলি অগ্রাধিকার আছে। সমস্ত ব্রাউজারে তাদের নিজস্ব ডিফল্ট শৈলী রয়েছে, কিন্তু বেশিরভাগ ডিফল্ট (নীল আড়াআড়ি টেক্সট লিঙ্কে) সবগুলি বা সর্বাধিক প্রধান ব্রাউজার এবং সংস্করণের সাথে ভাগ করা হয়।
ব্রাউজার ডিফল্টের অন্য একটি উদাহরণের জন্য, আমার ওয়েব ব্রাউজারে, ডিফল্ট হরফ " টাইমস নিউ রোমান " আকারের আকারে প্রদর্শন করা হয়। তবে আমি সেই ফন্ট পরিবারের এবং আকারে প্রদর্শিত পৃষ্ঠাগুলির প্রায় কোনোটিই নয়, তবে এই কারণটি ক্যাসকেড নির্ধারণ করে যে দ্বিতীয় স্টাইলের শীটগুলি, যা ডিজাইনারদের দ্বারা সেট করা হয়, ফন্ট সাইজ এবং ফ্যামিলিকে পুনরায় সংজ্ঞায়িত করার জন্য , আমার ওয়েব ব্রাউজারের ডিফল্টকে ওভাররাইড করে। একটি ওয়েব পৃষ্ঠা তৈরি করার জন্য আপনি যে কোন শৈলী শীটগুলির একটি ব্রাউজারের ডিফল্ট শৈলীর তুলনায় আরো নির্দিষ্টতা থাকবে, তাই আপনার ডিফল্টগুলি কেবল তখনই প্রযোজ্য হবে যদি আপনার স্টাইল শীট তাদের ওভাররাইড করে না। যদি আপনি লিঙ্কগুলি নীল হতে চান এবং নিম্নরেখাঙ্কিত করতে চান তবে ডিফল্টটি থেকে কিছু করার প্রয়োজন হয় না, তবে যদি আপনার সাইটের CSS ফাইলটি বলে যে লিঙ্কটি সবুজ হওয়া উচিত, তাহলে রঙটি ডিফল্ট নীল রঙের উপর ওভাররাইড করবে। নিম্নরেখা এই উদাহরণে থাকবে, যেহেতু আপনি অন্যথায় নির্দিষ্ট করে না।
সিএসএস কোথায় ব্যবহৃত হয়?
একটি ওয়েব ব্রাউজারের চেয়ে অন্যান্য মিডিয়াতে যখন দেখা যায় তখন ওয়েব পেজগুলি কীভাবে দেখানো উচিত তা নির্ধারণ করতে CSS ব্যবহার করতে পারে। উদাহরণস্বরূপ, আপনি একটি মুদ্রণ স্টাইল শীট তৈরি করতে পারেন যা ওয়েব পৃষ্ঠাটি প্রিন্ট করা উচিত। যেহেতু ন্যাভিগেশন বোতাম বা ওয়েব ফর্মের মতো ওয়েব পেজ আইটেমগুলি মুদ্রিত পৃষ্ঠায় কোনও উদ্দেশ্য থাকবে না, মুদ্রণ স্টাইল শীট ব্যবহার করা যেতে পারে সেগুলি "বন্ধ করা" যখন কোন পৃষ্ঠা মুদ্রিত হয়। যদিও অনেকগুলি সাইটে সত্যিই একটি সাধারণ অভ্যাস নেই, প্রিন্ট স্টাইল শীটগুলি তৈরি করার বিকল্পটি শক্তিশালী এবং আকর্ষণীয় (আমার অভিজ্ঞতার মধ্যে - অধিকাংশ ওয়েব পেশাদাররা এটা করেন না কারণ এই সাইটটির বাজেটের সুযোগের অতিরিক্ত এই অতিরিক্ত কাজের জন্য কল করা হয় না )।
কেন সিএসএস গুরুত্বপূর্ণ?
CSS হল সবচেয়ে শক্তিশালী সরঞ্জামগুলির একটি যা ওয়েব ডিজাইনার শিখতে পারেন কারণ এর মাধ্যমে আপনি একটি ওয়েবসাইটের সম্পূর্ণ চাক্ষুষ চেহারা প্রভাবিত করতে পারেন। ভাল লিখিত স্টাইল শীটগুলি দ্রুত আপডেট করা যায় এবং স্ক্রিনে দৃশ্যত অগ্রাধিকার দেওয়া হয় এমন সাইটগুলিকে পরিবর্তন করার অনুমতি দেয়, যা ঘনিষ্ঠভাবে দর্শকদের কাছে মূল্য এবং ফোকাস দেখায়, যেগুলি কোনও অন্তর্নিহিত এইচটিএমএল মার্কআপ তৈরির প্রয়োজন নেই।
সিএসএস এর প্রধান চ্যালেঞ্জ হল যে শিখতে বেশ কিছুটা শিখছে - এবং আজকের ব্রাউজার পরিবর্তনের সাথে সাথে আজকের দিনে যা ভাল কাজ করে তা আজকে নতুন স্টাইলগুলি সমর্থিত হওয়ার মত নয় এবং অন্যরা বাদ বা অন্য কোন কারণ বা অন্য কোন কারণে অনুপস্থিত থাকে ।
কারণ সিএসএস ক্যাশেড এবং একত্রিত হতে পারে এবং বিবেচনা করে যে বিভিন্ন ব্রাউজার নির্দেশাবলীকে ভিন্নভাবে ব্যাখ্যা এবং বাস্তবায়ন করতে পারে, সিএসএস সাধারণ এইচটিএমএল থেকে মাস্টার হতে পারে। সিএসএস ব্রাউজারে পরিবর্তিত হয় যেটি আসলে এইচটিএমএল নয়। একবার আপনি সিএসএস ব্যবহার শুরু করেন, তবে আপনি দেখতে পাবেন যে স্টাইল শীটগুলির ক্ষমতা ব্যবহার করে আপনি ওয়েব পেজের লেআউটটি কীভাবে দেখেন এবং তার চেহারা এবং অনুভূতি কীভাবে বর্ণনা করেন তা অবিশ্বাস্যভাবে নমনীয়তা পাবেন। উপায় পাশাপাশি, আপনি শৈলী এবং অতীত আপনার জন্য কাজ করেছেন এবং আপনি ভবিষ্যতে নতুন ওয়েবপেজ নির্মাণ হিসাবে আপনি আবার চালু করতে পারেন যে পন্থা "ঠাটের ব্যাগ" সংগ্রহ করা হবে।
জনিফার ক্রাইনিনের মূল রচনা 7/5/17 তারিখে জেরেমি গিরিড দ্বারা সম্পাদিত,