দুটি ধরণের সাইট লেআউট রয়েছে: সারণী এবং ব্লক। এবং যদিও পূর্ববর্তী সহজ এইচটিএমএল পৃষ্ঠাগুলি তৈরির জন্য আরও সুবিধাজনক, তবে আপনার যদি ব্লক আকারে পৃথক উপাদান যুক্ত করার প্রয়োজন হয় তবে এটি আদর্শ।
নির্দেশনা
ধাপ 1
দুটি কৌশল রয়েছে যা আপনাকে একটি ব্লক নকশা নিজেই বিকাশ করতে দেয়: একটি নথিতে ক্যাসকেডিং স্টাইল শিটগুলি এম্বেড করে বা কোনও বাহ্যিক উত্স থেকে সংযুক্ত করে। উভয়ই একই ফলাফল দেয়, তাই তাদের মধ্যে কোনও মৌলিক পার্থক্য নেই। প্রথম ক্ষেত্রে, নিম্নলিখিত কোডটি স্টাইল.এসএস ফাইলের যে কোনও জায়গায় পেস্ট করুন:
। block1 {
}
ব্লক 1 - ব্লকের নাম, আপনি অন্য কোনও লিখতে পারেন। কোঁকড়া ধনুর্বন্ধনীগুলির মধ্যে, নিম্নলিখিত বিন্যাসে প্যারামিটারগুলি নির্দিষ্ট করুন: অ্যাট্রিবিউট নাম> কোলন> মান> সেমিকোলন (কোঁকড়া ধনুর্বন্ধনী এর আগে স্থাপন সহ)। নিম্নলিখিত উপাদানগুলি সাধারণত ব্যবহৃত হয়:
- প্রস্থ - প্রস্থ (500px, 100%, ইত্যাদি);
- উচ্চতা - উচ্চতা (200px, 25%, ইত্যাদি);
- পটভূমি - পটভূমির রঙ (হলুদ, লাল, # 000000);
- প্যাডিং - ব্লকের ভিতরে থাকা সামগ্রীর চারপাশে প্যাডিং (0 পিএক্স, 20%);
- মার্জিন - ব্লক থেকে বাহ্যিক মার্জিনগুলি (15px, 40%);
- সীমানা - ফ্রেম (সীমানা: কঠিন 0px কালো;);
- ভাসা - সারিবদ্ধকরণ (বাম, ডান);
- সীমানা-ব্যাসার্ধ - কোণগুলির বৃত্তাকার (সীমানা-ব্যাসার্ধ: 10px;)।
ধাপ ২
সিএসএসের দ্বিতীয় ব্যবহারে, ট্যাগ এবং ট্যাগগুলির মধ্যে স্টাইলিং যুক্ত করুন:
। block1 {
}
এবং আপনি চান প্যারামিটার যোগ করুন।
ধাপ 3
কমান্ডটি ব্যবহার করে সাইটে পছন্দসই জায়গায় ব্লকটি প্রবেশ করুন:
ব্লক 1
পৃষ্ঠাটি সংরক্ষণ এবং রিফ্রেশ করুন, এটি উপস্থিত হওয়া উচিত। মনে রাখবেন যে সামগ্রীটি কতটা পূর্ণ তার উপর নির্ভর করে উচ্চতার সারিবদ্ধতা আলাদা হতে পারে। উদাহরণস্বরূপ, আপনি যদি 300px সেট করে থাকেন তবে কেবলমাত্র একটি লাইনের পাঠ্য লিখেছেন, এটি সম্পূর্ণ প্রদর্শিত হবে না। এটি সংশোধন করা যেতে পারে, উদাহরণস্বরূপ, প্রয়োজনীয় পরামিতিগুলির সাথে একটি টেবিল ব্যবহার করে, যা ব্লকের ভিতরে স্থাপন করা উচিত, অর্থাৎ। ট্যাগ এবং মধ্যে। এবং যাতে সীমানাগুলি দৃশ্যমান না হয়, বৈশিষ্ট্যটি.োকান
