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