ওয়েব ডিজাইন নেতৃস্থানীয় সম্পর্কে শেখা

এই পৃষ্ঠার ডিফল্ট ফন্ট সাইজ (যা সাধারণভাবে 16 পিএক্স) এর উপর ভিত্তি করে এটি এখন 1.5 গুণ সাধারণ লাইনের উচ্চতা।

লাইন-উচ্চতা ব্যবহার করার সময় কখন

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

যখন লাইন-উচ্চতা ব্যবহার করবেন না

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

যদি আপনি নির্দিষ্ট পাঠ্য উপাদানের অধীনে স্থান যোগ করতে চান, আপনি মার্জিন বা প্যাডিং ব্যবহার করবেন। আমরা ব্যবহৃত আগের সিএসএস উদাহরণ ফিরে যাওয়া, আমরা এই যোগ করতে পারে:

এই আমাদের পৃষ্ঠার অনুচ্ছেদের (যেগুলি <প্রধান> উপাদানের ভিতরে থাকা) জন্য পাঠ্যের লাইনের মধ্যে 1.5 লাইনের উচ্চতা থাকবে। একই অনুচ্ছেদে তাদের মধ্যে 24 পিক্সেলের হোয়াইটপাস থাকবে, যাতে ভিজুয়াল ব্রেকের জন্য অনুমতি দেয় যা পাঠকদের সহজেই আরেকটি অনুচ্ছেদ সনাক্ত করতে এবং ওয়েবসাইটকে সহজে পড়তে দেয়। আপনি এখানে মার্জিনের জায়গায় প্যাডিং সম্পত্তি ব্যবহার করতে পারেন:

প্রায় সব ক্ষেত্রে এটি আগের সিএসএসের মতই প্রদর্শন করবে।

আপনি "পরিষেবা-মেনু" এর একটি তালিকা সহ তালিকার মধ্যে তালিকা আইটেমের নীচে স্পেস যোগ করতে চেয়েছিলেন, আপনি লাইনের উচ্চতা না করার জন্য মার্জিন বা প্যাডিং ব্যবহার করবেন। সুতরাং এই উপযুক্ত হবে।

আপনি কেবলমাত্র লাইন-উচ্চতা এখানেই ব্যবহার করবেন যদি আপনি লিস্ট-আইটেমের মধ্যে পাঠের ফাঁকাস্থানটি সেট করতে চান তবে মনে রাখবেন যে তাদের প্রতিটি দৈর্ঘ্যের লাইনের প্রতিটি বুলেট বিন্দুতে চলতে পারে এমন পাঠের দীর্ঘ রান ছিল।