পাঠ্য-ইন্ডেন্ট প্রপার্টি এবং অ্যাডজেন্ট সিবলল নির্বাচকদের ব্যবহার
ভাল ওয়েব নকশা প্রায় ভাল টাইপোগ্রাফি সম্পর্কে। যেহেতু একটি ওয়েব পৃষ্ঠার বিষয়বস্তু এত বেশি পাঠ্য হিসাবে উপস্থাপিত হয়, এটি শৈলীতে সক্ষম হতে পারে যে এটি একটি আকর্ষণীয় ডিজাইনকারী হিসাবে আকর্ষণীয় এবং কার্যকরী উভয়ই হতে পারে। দুর্ভাগ্যবশত, আমরা প্রিন্ট করতে যে অনলাইন মুদ্রণ নিয়ন্ত্রণ একই স্তরের নেই। এর মানে হল যে আমরা সবসময় একটি ওয়েবসাইটে বিশ্বস্তভাবে টেক্সট টেক্সট একইভাবে আমরা একটি মুদ্রিত টুকরা তাই করতে পারে না
একটি সাধারণ অনুচ্ছেদ শৈলী যা আপনি প্রায়ই মুদ্রণ দেখতে পাবেন (এবং যা আমরা অনলাইনে পুনঃনির্ধারণ করতে পারি) সেই অনুচ্ছেদের প্রথম লাইনটি একটি ট্যাব স্থানকে ইন্ডেন্ট করেছে। এটি পাঠকদেরকে একটি অনুচ্ছেদের সূচনা এবং অন্য প্রান্তের যেখানে দেখতে দেয়।
আপনি এই ভিজ্যুয়াল স্টাইলটি যত বেশি ওয়েব পেজ দেখতে পাচ্ছেন না ততটুকু ব্রাউজারগুলি ডিফল্টভাবে তাদের অনুপস্থিতি প্রদর্শন করে এমন একটি উপায় হিসাবে প্রদর্শন করে যেখানে এক শেষ এবং অন্যটি শুরু হয়, অনুচ্ছেদের উপর অনুপ্রাণিত ইন্ডেন্ট শৈলী, আপনি টেক্সট ইন্ডেন্ট স্টাইল সম্পত্তি সঙ্গে এটি করতে পারেন।
এই সম্পত্তি জন্য বাক্য গঠন সহজ। এখানে একটি নথিতে আপনি সমস্ত অনুচ্ছেদের একটি পাঠ্য-ইন্ডেন্ট যুক্ত করবেন।
পি {টেক্সট ইন্ডেন্ট: 2em; }ইনডেন্টস কাস্টমাইজ করছে
এক উপায়ে আপনি ইন্ডেন্টে যথাক্রমে অনুচ্ছেদ নির্দিষ্ট করতে পারেন, আপনি অনুচ্ছেদের যে অনুচ্ছেদের জন্য চান সেটি একটি শ্রেণি যোগ করতে পারেন, কিন্তু এর জন্য আপনাকে এটিতে একটি শ্রেণি যুক্ত করার জন্য প্রতিটি অনুচ্ছেদ সম্পাদনা করতে হবে। এটি অকার্যকর এবং এইচটিএমএল কোডিং সেরা অনুশীলন অনুসরণ করে না।
পরিবর্তে, যখন আপনি অনুচ্ছেদের ইন্ডেন্ট করা উচিত বিবেচনা করা উচিত। আপনি সরাসরি অনুচ্ছেদ অনুচ্ছেদের অনুসরণ করেন যা সরাসরি অন্য অনুচ্ছেদ অনুসরণ করছে। এটি করতে, আপনি সন্নিহিত ভাইবিন নির্বাচক ব্যবহার করতে পারেন। এই নির্বাচক সঙ্গে, আপনি অবিচ্ছিন্ন অন্য অনুচ্ছেদ দ্বারা পূর্বে যে অনুচ্ছেদের নির্বাচন করছেন।
পি + প {পাঠ্য-ইন্ডেন্ট: ২ ইএম; }যেহেতু আপনি প্রথম লাইনটি ইন্ডেন্ট করছেন, তাই আপনাকে নিশ্চিত করতে হবে যে আপনার অনুচ্ছেদের তাদের মধ্যে কোনও অতিরিক্ত স্থান নেই (যা ব্রাউজার ডিফল্ট)। Stylistically, আপনি অনুচ্ছেদের মধ্যে স্থান বা প্রথম লাইন ইন্ডেন্ট করা উচিত, কিন্তু না উভয়।
পি {মার্জিন-তল: 0; প্যাডিং-নীচে: 0; } পি + প (মার্জিন-শীর্ষ: 0; প্যাডিং-শীর্ষ: 0; }নেতিবাচক ইনডেন্ট
আপনি একটি সাধারণ ইন্ডেন্টের মত ডানদিকে বিপরীত হিসাবে একটি বাঁদী যেতে যেতে একটি লাইন শুরু কারণ একটি নেতিবাচক মান সহ টেক্সট ইন্ডেন্ট সম্পত্তি, ব্যবহার করতে পারেন। যদি একটি লাইন একটি উদ্ধৃতি চিহ্ন দিয়ে শুরু হয় তবে আপনি এটি করতে পারেন যাতে উদ্ধৃতির অক্ষর অনুচ্ছেদের বামের সামান্য মার্জিনে প্রদর্শিত হয় এবং অক্ষরগুলি এখনও একটি সুন্দর বাম প্রান্তিককরণ গঠন করে।
উদাহরণস্বরূপ বলুন, আপনার একটি অনুচ্ছেদ আছে যা একটি ব্লককোটের একটি বংশধর এবং আপনি চাইবেন এটি নেতিবাচকভাবে ইন্ডেন্ট করা উচিত। আপনি এই CSS লিখতে পারে:
ব্লককোট পি {টেক্সট ইন্ডেন্ট: -5েম; }এটি অনুচ্ছেদটি শুরু করবে, যা সম্ভবত উল্লিখিত উদ্ধৃতি চিহ্নটি তৈরি করে, যাকে উল্লিখিত বিরাম চিহ্ন তৈরি করতে সামান্য সরানো হয়েছে।
মার্জিন এবং প্যাডিং সম্পর্কে
ওয়েব ডিজাইনে বেশিরভাগ সময়, আপনি উপাদানে যাওয়ার জন্য সাদা স্থান তৈরি করতে মার্জিন বা প্যাডিং মান ব্যবহার করেন। যারা বৈশিষ্ট্য ইন্ডেন্ট অনুচ্ছেদ প্রভাব অর্জন কাজ করবে না, তবে যদি আপনি অনুচ্ছেদে এই মানগুলির কোনটি প্রয়োগ করেন, তাহলে অনুচ্ছেদটির সম্পূর্ণ পাঠ্য, প্রতিটি লাইন সহ, শুধুমাত্র প্রথম লাইনের পরিবর্তে স্থান হবে।