CSS-Layout

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

নিম্নলিখিত তালিকার উভয় প্রযুক্তির কয়েকটি উপকারিতা এবং কনস সংগ্রহ করা হয়েছে -

• বেশিরভাগ ব্রাউজারগুলি টেবিলগুলি সমর্থন করে, যখন সিএসএস সমর্থন ধীরে ধীরে গ্রহণ করা হচ্ছে।

• ব্রাউজার উইন্ডোর আকার পরিবর্তিত হয় - টেবিলগুলি আরও ক্ষমা করে দেয় - তাদের বিষয়বস্তুটিকে মরফিং করে এবং সেই অনুসারে পরিবর্তনগুলি সামঞ্জস্য করতে মোড়ানো। সিএসএসের অবস্থান যথাযথ এবং মোটামুটি জটিল নয়।

• টেবিলগুলি সিএসএস বিধিগুলির তুলনায় শিখতে এবং চালিত করা আরও সহজ।

তবে এই যুক্তিগুলির প্রতিটি বিপরীত হতে পারে -

• সিএসএস ওয়েব নথিগুলির ভবিষ্যতের জন্য গুরুত্বপূর্ণ এবং বেশিরভাগ ব্রাউজার দ্বারা সমর্থিত হবে।

• ব্রাউজার উইন্ডো নির্বিশেষে সিএসএস হ'ল টেবিলের চেয়ে আরও সঠিক

• নেস্টেড টেবিলগুলি ট্র্যাক করা সত্যিকারের ব্যথা হতে পারে। সিএসএসের নিয়মগুলি সুসংহত, সহজে পঠনযোগ্য এবং সহজেই পরিবর্তিত হতে থাকে to

পরিশেষে, আমরা আপনাকে যে কোনও প্রযুক্তি ব্যবহারের জন্য বোঝায় এবং আপনি কী জানেন বা কীভাবে আপনার দস্তাবেজগুলি সর্বোত্তম উপায়ে উপস্থাপন করবেন তা ব্যবহার করার পরামর্শ দেব।

সিএসএস এছাড়াও আপনার টেবিলগুলি আরও দ্রুত লোড করতে টেবিল-বিন্যাসের সম্পত্তি সরবরাহ করে। 

 উদাহরণ

<table style = "table-layout:fixed;width:600px;">

   <tr height = "30">

      <td width = "150">CSS table layout cell 1</td>

      <td width = "200">CSS table layout cell 2</td>

      <td width = "250">CSS table layout cell 3</td>

   </tr>

</table>

নমুনা কলাম লেআউট

সিএসএস ব্যবহার করে একটি সাধারণ কলাম লেআউট তৈরি করার পদক্ষেপ এখানে রয়েছে -

সম্পূর্ণ ডকুমেন্টের মার্জিন এবং প্যাডিংটি নীচে সেট করুন

 উদাহরণ

<style style = "text/css">

   <!--

      body {

         margin:9px 9px 0 9px;

         padding:0;

         background:#FFF;

      }

   -->

</style>