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