শীর্ষ আঁটা সিএসএস: সূচিপত্র রাঙ্কিং

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

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

বেসিক পজিশনিং নিয়ম

ব্লক সদস্য সাধারণত উপাদান, যা (মার্জিন), সাধারণত এটা (প্যাডিং) এবং Frame (সীমান্ত) প্রস্থ ভিতরে উপাদান, যা ব্যবহার করা যেতে পারে জন্য খাঁজ পাশ থেকে বিদায়ী হয়েছে।

বিশেষ গুরুত্ব উপরের মার্জিন হয়। CSS এর নিয়ম ভিতরে ইউনিট অভ্যন্তরীণ প্যাডিং নিয়ম একেবারে এবং অপেক্ষাকৃত স্থান যে ব্লক মধ্যে উপাদানগুলি সংযোগ করে।

সিএসএস-নিয়ম স্বাভাবিক অনুশীলন: আপনি সবদিকে মার্জিন সমানভাবে জোড়া শীর্ষ / নীচে এবং বাম / ডান বা আলাদাভাবে প্রতিটি পাশ থেকে উল্লেখ করতে পারেন। উদাহরণস্বরূপ,

• মার্জিন: 10px;
• প্যাডিং: 10px20px;
• প্যাডিং: 10px20px30px40px।

প্রথম ক্ষেত্রে সদস্য বাইরের পাত্রের পক্ষই যেখানে এটি অবস্থিত অফসেট ইনস্টল করা হয়। দ্বিতীয় যদি উপরের এবং নীচের মার্জিন 10px, বাম এবং ডান রয়েছে - 20px। তৃতীয় ক্ষেত্রে, সবদিকে প্যাডিং এর মাত্রা: উপরে, ডান, নীচে এবং বাম।

এই সব ক্ষেত্রে, শীর্ষ মার্জিন সিএসএস 10 px আকারে হয়।

বিধি জারি করে যে উপাদানের অবস্থান পরিবর্তন

বিন্যাস উপাদান একেবারে স্থান না থাকে, এটা সাধারণ অর্ডার ফর্ম পৃষ্ঠা রয়েছে।

আমরা সংজ্ঞায়িত তাহলে সিএসএস scCurrInfo উপাদানের ক্ষেত্রে শীর্ষ মার্জিন অর্জিত হয়, এবং লি পর্যায়ে তাহলে - কোন।

এই উদাহরণে, প্যাডিং নিয়ম ব্যবহার: 40px; এটি প্রয়োজন পর্যাপ্ত নিয়ম 80px করার প্রস্থ ও উচ্চতা কমানো। তা না হলে scCurrInfo ব্লক আকার বহিরাগত ইউনিট পরলোক খুঁজে পায়।

আপনি বিবরণ নিয়ম scCurrInfo থেকে প্যাডিং সরাতে পারে তবে তালিকা আইটেম শৈলী বর্ণনায় 20px একটি মান, শুধুমাত্র উপরের মার্জিন সঙ্গে এটি যুক্ত করে থাকেন। সিএসএস অন্যান্য পক্ষের কাছে এই মান প্রযোজ্য নয়।

স্বাভাবিকভাবেই, খাঁজ নিয়ম যেমন একটি ব্যবহার প্রতিটি উপাদান লি প্রযোজ্য।

সাধারণ অনুশীলন বিষয়বস্তু বিন্যাস

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

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

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

আয়তক্ষেত্র আকারে একটি পৃষ্ঠার অভ্যাসগত উপস্থাপনা (অবরোধ লেআউট) একটি টেবিল এটা বাধা দেয় না। এটিও একটি আয়তক্ষেত্র, কিন্তু তারাও একটা টেবিল সেল হয়, যে, ব্লক নিয়ম প্রতিস্থাপিত তাদের নিজস্ব নিয়ম আছে।

পরম অবস্থান

; ব্লক রুল অবস্থান: পরম; এটা তার স্থানাঙ্ক ব্লক যেখানে এটি অবস্থিত আপেক্ষিক দ্বারা মনোনীত জায়গায় অবস্থিত করা হবে না।

CSS এর নিয়ম একটি বিশেষ বৈশিষ্ট্য - "অনুশীলন - সত্যের সেরা নির্ণায়ক" বেশিরভাগ ক্ষেত্রেই, বিশেষত যেখানে ক্রস ব্রাউজার সামঞ্জস্য ও লেআউট ম্যানুয়ালি করা হয় ক্যাসকেডিং স্টাইল শীট জন্য বাঞ্ছনীয় উচ্চ গ্রেড অধ্যয়ন ম্যানুয়াল।

টেবিল ব্যবহার প্রায়ই বিষয়বস্তু পক্ষপাত সমস্যার ঘরের বাড়ে। ব্লক মধ্যে অনুরূপ একটি শিফট সবসময় এবং সব আইটেম জন্য না প্রভাবিত করে। পরীক্ষা নিরীক্ষা করে, আপনি কাঙ্ক্ষিত ফলাফল অর্জন করতে পারেন। তুচ্ছ কাজের: উপরে মার্জিন অপসারণ কিভাবে, সিএসএস সবসময় একটি তুচ্ছ উপায় সমাধান নেই।

কিছু কিছু ক্ষেত্রে, যখন এটি জনপ্রিয় কন্টেন্ট ম্যানেজমেন্ট সিস্টেম ওয়েবসাইটের কোনো অভ্যন্তর পৃষ্ঠা উপাদানগুলি আরোপ করা প্রয়োজন, আপনি কি এখনও মনোযোগ না শুধুমাত্র পরীক্ষামূলক অভ্যাস সহকর্মীদের অভিজ্ঞতা দেখতে দিতে হবে, কিন্তু।