সিএসএস, বা ক্যাসকেডিং স্টাইল শীটগুলি, আধুনিক ওয়েবসাইট নকশাতে ব্যবহৃত হয় যা ভিজুয়াল লিংকে একটি পেজে প্রয়োগ করতে হয়। যদিও এইচটিএমএল পৃষ্ঠাটির গঠন তৈরি করে এবং জাভাস্ক্রিপ্ট ব্যাবহার পরিচালনা করতে পারে, ওয়েবসাইটের চেহারা এবং অনুভূতি CSS এর ডোমেইন। যখন এই শৈলীগুলি আসে, তখন তারা বহিরাগত স্টাইল শীটগুলি ব্যবহার করে প্রায়ই ব্যবহার করা হয়, তবে আপনি "শৈলী" হিসাবে পরিচিত যা ব্যবহার করে একটি একক, নির্দিষ্ট উপাদানতে CSS শৈলী প্রয়োগ করতে পারেন।
ইনলাইন শৈলী হল সিএসএস শৈলী যা সরাসরি পৃষ্ঠার HTML এ প্রয়োগ করা হয়। এই পদ্ধতিতে উভয় সুবিধা এবং অসুবিধা আছে প্রথমত, আসুন দেখি কিভাবে এই শৈলীগুলি লেখা হয়।
কিভাবে একটি ইনলাইন স্টাইল লিখুন
একটি ইনলাইন CSS শৈলী তৈরি করার জন্য, আপনি আপনার স্টাইলের সম্পত্তিটি একটি স্টাইল শীটে কিভাবে করবেন তার অনুরূপ লিখতে শুরু করে, তবে এটি একটি সবকটি লাইনের প্রয়োজন। আপনি একটি স্টাইল শীট মধ্যে যেমন একটি সেমিকোলন সঙ্গে একাধিক বৈশিষ্ট্য আলাদা।
পটভূমি: #ccc; রঙ: #fff; সীমানা: কঠিন কালো 1px;
যে স্টাইলের শৈলীতে শৈলীর শৈলীর স্টাইলটি আপনি স্টাইল করতে চান তা রাখুন। উদাহরণস্বরূপ, যদি আপনি এই শৈলীটি আপনার এইচটিএমএল-এ একটি অনুচ্ছেদে প্রয়োগ করতে চান, তাহলে এই উপাদানটি এই মত দেখতে হবে:
এই উদাহরণে, এই বিশেষ অনুচ্ছেদের একটি হালকা ধূসর ব্যাকগ্রাউন্ড (যেমন #ccc প্রদান করা হবে), কালো টেক্সট (# 000 রঙ থেকে) এবং অনুচ্ছেদের চারপাশে চারপাশের 1-পিক্সেলের কালো কালো সীমারেখা ।
ইনলাইন শৈলী উপকারিতা
ক্যাসকেডিং স্টাইল শীট ইনলাইন শৈলীর ক্যাসকেডের জন্য ধন্যবাদ একটি নথিতে সর্বোচ্চ অগ্রাধিকার বা নির্দিষ্টতা রয়েছে। এর মানে হল যে তারা আপনার বহিরাগত স্টাইলশীটে কোনও কিছুর উপর নির্ভর করে কোনও বিষয় প্রয়োগ করা হবে না (এক ব্যতিক্রম ছাড়া যে কোনও শংসাপত্র দেওয়া হয়েছে সেই গুরুত্বপূর্ণ ঘোষণাপত্রটি, তবে এটি এমন কিছু নয় যা উত্পাদন সাইটগুলিতে করা উচিত যদি এটি এড়ানো যায়)।
ইনলাইন শৈলীগুলির তুলনায় উচ্চতর অগ্রগতির একমাত্র শৈলীগুলি পাঠকদের নিজেদের দ্বারা প্রয়োগ করা হয়। আপনার পরিবর্তনগুলি প্রয়োগ করতে যদি আপনাকে সমস্যা হয়, তাহলে আপনি উপাদানটির উপর একটি ইনলাইন শৈলী স্থাপন করার চেষ্টা করতে পারেন। যদি আপনি শৈলী এখনও একটি ইনলাইন শৈলী ব্যবহার করে প্রদর্শন না, আপনি কি জানেন অন্য কিছু যাচ্ছে।
ইনলাইন শৈলী যোগ করা সহজ এবং দ্রুত এবং আপনি সঠিক CSS নির্বাচক লেখার বিষয়ে চিন্তা করতে হবে না যেহেতু আপনি যে উপাদান পরিবর্তন করতে চান তা শৈলী যোগ করছেন (যে উপাদান মূলত আপনি নির্বাচককে পরিবর্তে একটি বহিরাগত স্টাইলশীট )। আপনি একটি সম্পূর্ণ নতুন ডকুমেন্ট তৈরি করতে হবে না (বাইরের স্টাইল শীট হিসাবে) অথবা আপনার নথির শীর্ষক একটি নতুন উপাদান সম্পাদনা করুন (অভ্যন্তরীণ স্টাইল শীটগুলির সাথে)। আপনি শুধু শৈলী বৈশিষ্ট্য যোগ করুন যা প্রায় প্রতিটি এইচটিএমএল উপাদান বৈধ। আপনি ইনলাইন শৈলী ব্যবহার করার জন্য প্রলুব্ধ হতে পারে কেন এই সব কারণগুলি, কিন্তু আপনি এই পদ্ধতির কিছু খুব গুরুত্বপূর্ণ অসুবিধা সম্পর্কে সচেতন হতে হবে।
ইনলাইন শৈলী এর অসুবিধা
যেহেতু ইনলাইন শৈলীগুলি তারা ক্যাসকেডের মধ্যে সর্বাধিক নির্দিষ্ট, তারা এমন জিনিসগুলিকে ওভার-সাইড করতে পারে যা আপনি তাদের উদ্দেশ্যে করেননি। তারা CSS- এর সবচেয়ে শক্তিশালী দিকগুলির একটিও প্রত্যাখ্যান করে - শৈলীতে সক্ষম এবং এক সেন্ট্রাল সিএসএস ফাইল থেকে প্রচুর ওয়েব পৃষ্ঠাগুলি ভবিষ্যতে আপডেট এবং শৈলী পরিবর্তনগুলি পরিচালনা করতে অনেক সহজ করে তোলে।
আপনি কেবলমাত্র ইনলাইন শৈলী ব্যবহার করতে হলে, আপনার নথি দ্রুত নমনীয় এবং বজায় রাখা খুব কঠিন হবে। এটি হল কারণ ইনলাইন শৈলীগুলি যেকোনো উপাদানের জন্য প্রয়োগ করা উচিত যা আপনি তাদের পছন্দ করেন। তাই যদি আপনি আপনার সমস্ত অনুচ্ছেদের ফন্ট পরিবার "এরিয়েল" চান তবে আপনাকে আপনার ডকুমেন্টে প্রতিটি
ট্যাগকে একটি ইনলাইন স্টাইল যুক্ত করতে হবে। এটি ডিজাইনারের রক্ষণাবেক্ষণের কাজ এবং পাঠকের জন্য ডাউনলোডের সময় যোগ করে, যেহেতু আপনার ফন্ট-ফ্যামিলিকে পরিবর্তন করার জন্য আপনাকে আপনার সাইটের প্রতিটি পৃষ্ঠাতে এটি পরিবর্তন করতে হবে। বিকল্পভাবে, যদি আপনি একটি পৃথক স্টাইলশীট ব্যবহার করেন, তাহলে আপনি এটি এক জায়গায় পরিবর্তন করতে সক্ষম হবেন এবং এই আপডেটটি প্রতি পৃষ্ঠায় পাবেন।
সত্যই, এটি ওয়েব ডিজাইনের একটি পদক্ষেপের পিছনে - ট্যাগের দিনগুলি ফিরে!
ইনলাইন শৈলীতে আরেকটি দুর্বলতা হল যে এটি ছদ্ম-শৈলী শৈলী এবং তাদের সাথে-ক্লাসগুলি অসম্ভব। উদাহরণস্বরূপ, বহিরাগত স্টাইল শীটগুলির সাহায্যে আপনি একটি নোঙ্গর ট্যাগের পরিদর্শন, হভার, সক্রিয় এবং লিঙ্ক রঙের শৈলীতে পারেন, কিন্তু একটি ইনলাইন স্টাইলের মাধ্যমে, আপনি যা করতে পারেন তা হল এই লিঙ্কটি নিজেই, কারণ এটি শৈলী বৈশিষ্ট্যের সাথে সংযুক্ত ।
পরিশেষে, আমরা আপনার ওয়েব পৃষ্ঠাগুলির জন্য ইনলাইন স্টাইলগুলি ব্যবহার না করার পরামর্শ দিই কারণ তারা সমস্যার সৃষ্টি করে এবং পৃষ্ঠাগুলি বজায় রাখার জন্য অনেক বেশি কাজ করে। আমরা তাদের ব্যবহার একমাত্র সময় যখন আমরা দ্রুত একটি শৈলী চেক করতে চান উন্নয়নের সময়। একবার আমরা এটি একটি উপাদান জন্য সঠিক খুঁজছেন পেয়েছেন, আমরা আমাদের বাহ্যিক স্টাইল শীট এটি স্থানান্তর।
জেনিফার ক্রিনিনের মূল নিবন্ধ জেরেমি গিয়ার্ড দ্বারা সম্পাদিত