Skip to main content

সম্পত্তি - সিএসএস সম্পত্তি সংজ্ঞা

CSS Efecto - 12 sombra interna @JoseCodFacilito (জুন 2025)

CSS Efecto - 12 sombra interna @JoseCodFacilito (জুন 2025)
Anonim

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

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

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

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

পি { রঙ: # 000;}

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

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

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

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

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

সিএসএস সম্পত্তি বুনিয়াদি

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

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

.logo { পটভূমি-চিত্র: url (/images/company-logo.png);}

যদি আপনি সম্পত্তি হিসাবে "পটভূমি-চিত্র" বা "পটভূমি-গ্রাফিক" ব্যবহার করার চেষ্টা করেন, তবে তারা ব্যর্থ হবে কারণ, আবারও, এটি প্রকৃত CSS বৈশিষ্ট্য নয়।

কিছু সিএসএস বৈশিষ্ট্য

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

  • বর্ডার (সীমানা-শৈলী, সীমানা-রঙ এবং সীমানা-প্রস্থ সহ)
  • প্যাডিং (প্যাডিং-শীর্ষ, প্যাডিং-ডান, প্যাডিং-নীচে, এবং প্যাডিং-বাম সহ)
  • মার্জিন (মার্জিন-শীর্ষ, মার্জিন-ডান, মার্জিন-তল, এবং মার্জিন-বাম সহ)
  • Font-family
  • অক্ষরের আকার
  • পেছনের রং
  • প্রস্থ
  • উচ্চতা

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

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

  • ভাসা
  • পরিষ্কার
  • টলমলানি
  • পাঠ্য রুপান্তর
  • জেড-সূচক

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

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

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

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

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

সমস্ত সিএসএস বৈশিষ্ট্য তারা আশা যে মান আছে। উদাহরণ স্বরূপ:

  • সীমানা রঙ একটি রঙ মান আশা
  • সীমানা-আকার একটি আকার মান, পিক্সেল বা শতাংশ মত আশা
  • বর্ডার শৈলী এই সম্পত্তিটির জন্য ব্যবহৃত সংরক্ষিত শৈলীগুলির মধ্যে একটি আশা করে, যেমন "কঠিন"

যদি আপনি সিএসএস প্রোপার্টিগুলির তালিকা দিয়ে যান তবে আপনি আবিষ্কার করবেন যে তাদের প্রত্যেকের নির্দিষ্ট মান রয়েছে যা তারা ব্যবহার করা শৈলীগুলি তৈরি করতে ব্যবহার করবে।

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