CSS সম্পত্তি সংজ্ঞা

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

যদি আপনি একটি সিএসএস ফাইলে তাকান, তাহলে আপনি দেখতে পাবেন যে কোন মার্কআপ বা কোডিংয়ের মতো, এই ফাইলগুলিতে তাদের জন্য একটি নির্দিষ্ট সিনট্যাক্স আছে। প্রতিটি শৈলী শীট একটি সংখ্যা সিএসএস নিয়ম গঠিত হয়। এই নিয়মগুলি, যখন সম্পূর্ণ পূরণ করা হয়, সাইটটি কি শৈলী।

একটি CSS নিয়ম অংশ

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

পি {
রঙ: # 000;
}

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

নিয়ম যে "রঙ: # 000;" কি ঘোষণা হিসাবে পরিচিত হয়। যে ঘোষণা দুটি টুকরা গঠিত হয় - সম্পত্তি এবং মান।

সম্পত্তি এই ঘোষণার "রঙ" টুকরা। এটি নির্ধারণ করে যে নির্বাচকটির কোন দিকটি দৃশ্যত পরিবর্তিত হবে।

মানটি নির্বাচিত সিএসএস বৈশিষ্ট্যাবলীতে পরিবর্তন করা হবে। আমাদের উদাহরণে, আমরা # 000 এর হেক্স মান ব্যবহার করছি, যা "কালো" এর জন্য CSS শর্টহ্যান্ড।

সুতরাং এই সিএসএস নিয়ম ব্যবহার করে, আমাদের পৃষ্ঠায় একটি ফন্ট-ফাঁকা কালো রঙের অনুচ্ছেদ প্রদর্শিত হবে।

CSS সম্পত্তি মূলসূত্র

যখন আপনি CSS বৈশিষ্ট্যাবলীগুলি লিখবেন, তখন আপনি কেবলমাত্র উপযুক্ত হিসাবে দেখেন না। উদাহরণস্বরূপ, "রঙ" একটি প্রকৃত CSS সম্পত্তি, তাই আপনি এটি ব্যবহার করতে পারেন। এই সম্পত্তি কি একটি উপাদান টেক্সট রঙ নির্ধারণ করে। যদি আপনি "টেক্সট রঙ" বা "ফন্ট-রঙ" সিএসএস বৈশিষ্ট্য হিসাবে ব্যবহার করার চেষ্টা করেন তবে এটি ব্যর্থ হবে কারণ তারা CSS ভাষার প্রকৃত অংশ নয়।

আরেকটি উদাহরণ হল সম্পত্তি "ব্যাকগ্রাউন্ড-ইমেজ"। এই বৈশিষ্ট্যটি একটি চিত্র সেট করে যা একটি পটভূমির জন্য ব্যবহার করা যেতে পারে, যেমন:

.logo {
ব্যাকগ্রাউন্ড-ইমেজ: url (/images/company-logo.png);
}

যদি আপনি "ব্যাকগ্রাউন্ড-ছবি" অথবা "ব্যাকগ্রাউন্ড-গ্রাফিক" ব্যবহার করার চেষ্টা করেন তবে তারা ব্যর্থ হবে কারণ, আবারও, এটি প্রকৃত CSS বৈশিষ্ট্যাবলী নয়।

কিছু CSS বৈশিষ্ট্যাবলী

আপনি একটি সাইট শৈলী ব্যবহার করতে পারেন যে CSS বৈশিষ্ট্য একটি সংখ্যা আছে। কিছু উদাহরণ হল:

এই সিএসএস বৈশিষ্ট্যাবলীগুলি উদাহরণ হিসেবে ব্যবহার করার জন্য মহান ব্যক্তি, কারণ তারা সব খুব সহজবোধ্য এবং এমনকি যদি আপনি CSS জানেন না, আপনি সম্ভবত তাদের নামগুলির উপর ভিত্তি করে তারা কি অনুমান করতে পারেন।

অন্যান্য সিএসএস বৈশিষ্ট্যাবলী রয়েছে যা আপনার সাথে ভালভাবে দেখা হবে যা তাদের নামের উপর ভিত্তি করে কীভাবে কাজ করে তা স্পষ্ট নাও হতে পারে:

আপনি ওয়েব নকশা মধ্যে গভীর পেতে হলে, আপনি সম্মুখীন হবে (এবং ব্যবহার) এই সব সম্পত্তি এবং আরো!

বৈশিষ্ট্যাবলী মূল্যের প্রয়োজন

প্রত্যেক সময় আপনি একটি সম্পত্তি ব্যবহার, আপনি এটি একটি মান দিতে হবে - এবং কিছু বৈশিষ্ট্য শুধুমাত্র নির্দিষ্ট মান গ্রহণ করতে পারেন।

"রঙ" সম্পত্তি আমাদের প্রথম উদাহরণে, আমরা একটি রঙ মান ব্যবহার করতে হবে। এটি একটি হেক্স মান , RGBA মান, বা এমনকি রঙ কীওয়ার্ড হতে পারে । যাইহোক, যদি আপনি এই সম্পত্তিটির সাথে "অদ্ভুত" শব্দটি ব্যবহার করেন তবে এটি কোনও কাজ করবে না কারণ, এই শব্দটি হিসাবে বর্ণনামূলক হতে পারে, এটি CSS- এ একটি স্বীকৃত মান নয়।

আমাদের "ব্যাকগ্রাউন্ড-ইমেজ" এর দ্বিতীয় উদাহরণের জন্য আপনার সাইটের ফাইলগুলির একটি প্রকৃত চিত্র আনতে একটি চিত্র পাথ ব্যবহার করা প্রয়োজন। এটি মূল্য / সিন্ট্যাক্স যা প্রয়োজনীয়।

সমস্ত CSS বৈশিষ্ট্যাবলী তাদের প্রত্যাশিত মূল্য রয়েছে। উদাহরণ স্বরূপ:

আপনি যদি CSS বৈশিষ্ট্যের তালিকার মধ্য দিয়ে যান, তাহলে আপনি আবিষ্কার করবেন যে তাদের প্রতিটি নির্দিষ্ট মান রয়েছে যা তারা তাদের জন্য তৈরি করা শৈলীগুলি তৈরি করতে ব্যবহার করবে

জেরেমি গিয়ার্ড দ্বারা সম্পাদিত