আপেক্ষিক অবস্থান - এটা কি? বিস্তারিত বিবরণ

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

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

সিএসএস কি?

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

শব্দ "সারণী" অফিসিয়াল অনুবাদ দুর্ঘটনার প্রায় হাজির - আসলে এখানে আরো উপযুক্ত শব্দ "তালিকা" বা "তালিকা" ব্যবহার করতে হবে তবে আসল অনুবাদ লেখক সিদ্ধান্ত নিল যে সিএসএস একটি তালিকা চেয়ে বেশি দেখে মনে হচ্ছে, এবং আমরা কারা যেমন এখন তাদের চেষ্টা করা হয়।

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

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

অবস্থান সম্পত্তি কি?

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

কোন মূল্যবোধগুলো অবস্থান সম্পত্তি পারে?

আমাদের সম্পত্তি বিভিন্ন মান গ্রহণ করতে পারে, সেখানে মাত্র পাঁচ হয়। এখানে প্রতিটি একটি সংক্ষিপ্ত বিবরণ হল:

• অবস্থান উত্তরাধিকারী। এই বৈশিষ্ট্যটি আপনাকে উপাদান একটি পিতা বা মাতা যে অবস্থানে ডেটা কপি করতে পারবেন। উদাহরণস্বরূপ, যদি আপনি একটি নির্দিষ্ট অবস্থানে আপেক্ষিক সঙ্গে একটি div থাকে, তখন তা IMG উত্তরাধিকারী মান এছাড়াও আপেক্ষিক সেট করা হবে সঙ্গে প্রবেশ করে।
• স্ট্যাটিক অবস্থান ঠিক। এই মান যদি না কোন বিবৃত, স্বয়ংক্রিয়ভাবে সব উপাদান দেওয়া হয়। উপাদান, যেমন কোডে উল্লেখ এবং "frills" বিভিন্ন জন্য উপলব্ধ নয় অবস্থান মধ্যে মাপসই করা তাদের অবস্থান পরিবর্তন করা যাবে।
• অবস্থান পরম। এই মান দ্বারা অবস্থান সম্পত্তি বেশ প্রায়ই ক্ষেত্রে যেখানে এটা প্রয়োজনীয় একটি উপাদান "ভাসমান" তৈরি করার জন্য ব্যবহার করা হয়। সম্পত্তি আইটেমের একটি প্রদত্ত মান সঙ্গে পৃষ্ঠার অন্যান্য উপাদান জন্য "অদৃশ্য" হয়। অর্থাৎ তারা যেন আমাদের পরম উপাদান বিদ্যমান নেই সাজানো থাকে। তিনি নিজে সবসময় জায়গায় হবে, কতদূর পৃষ্ঠা স্ক্রল করে নির্বিশেষে।
• অবস্থান সংশোধন করা হয়েছে। অনেক দিক দিয়ে এই মান আগের অনুরূপ, যখন পরম উপাদান, স্থায়ী পিতা বা মাতা আবদ্ধ হয় ব্যবহারসমূহ শুধুমাত্র ব্রাউজার স্ক্রিনের উপরের বাম প্রান্তে স্থানাঙ্ক, অনেক উপাদান আছে যা আগের বাকি উপেক্ষা তবে।
• অবশেষে, আপেক্ষিক অবস্থান। এই ধরনের মান অন্যান্য, যা সাধারণ "রবার" ডেকে উপলক্ষে একটি অভিযোজিত তৈরি করার জন্য দরকারী হতে পারে পজিশনিং উপাদান আপেক্ষিক পারেন। এই সম্পত্তি সঙ্গে, আইটেম "ধাক্কা" হবে অন্যান্য, পৃষ্ঠায় তাদের অবস্থান পরিবর্তন করার ক্ষমতা হারানো ছাড়া।

বিভিন্ন ব্রাউজারে অবস্থান নিয়ে কাজ করা

সব ব্রাউজার সমানভাবে সামঞ্জস্যপূর্ণ। যদিও অনুভূত অবস্থান মান কোনো hitches ছাড়া ইন্টারনেট সার্ফিং জন্য সবচেয়ে বিকল্প কর্মসূচি একেবারে সত্য, "দীর্ঘকাল বিশেষ» ইন্টারনেট এক্সপ্লোরার সম্পত্তি, বিবেচনা করে তার সংস্করণের উপর নির্ভর করে।

"তোমরা গাধাটা" তারা কেবল তা উপেক্ষা - উদাহরণস্বরূপ, ইতিমধ্যে "কবর" ব্রাউজার IE6 ব্যবহার করার মাধ্যমে আপনি মূল্য সংশোধন করা হয়েছে এবং উত্তরাধিকারী ব্যবহার করতে পারবেন না। যাইহোক, এটা সত্য যে পরিস্থিতির সপ্তম সংস্করণ উন্নত করার জন্য শুরু করেন, এবং ফিক্সড ইতিমধ্যে প্রক্রিয়া, উত্তরাধিকারী দয়িত সত্ত্বেও "অন্যান্য ব্রাউজার ডাউনলোড করতে ব্রাউজার," শুধুমাত্র তার অষ্টম অবতার মধ্যে পৌঁছেছেন।

পর্যবেক্ষক বাকি শান্তভাবে অপেরা ছাড়া যার 4 বৈচিত্র বৈশিষ্ট্য সমর্থন পেয়েছে মধ্য 90s মধ্যে প্রকাশিত প্রথম সংস্করণের সাথে অবস্থান হ্যান্ডেল।

জাভাস্ক্রিপ্ট অবস্থান নিয়ে কাজ করা

আসলে, কিভাবে জাভাস্ক্রিপ্ট অবস্থান সম্পত্তি সঙ্গে কাজ করার গল্প, আমরা কেবল শালীনতা অনুরোধে জন্য অন্তর্ভুক্ত করেছেন করা হয়। কারণ এই সম্পত্তি শিরোনামে কোন বিশেষ বৈশিষ্ট্য নেই, আপনি জাতীয় কোন পরিবর্তন ছাড়া, উদাহরণস্বরূপ ব্যবহার করতে পারেন, DIV আছে অবস্থান আপেক্ষিক সেট করতে, ভালো একটি লাইন অন্তর্ভুক্ত করা উচিত: div.style.position = 'আপেক্ষিক।

যেহেতু আপনি দেখতে পারেন, এটা বেশ সহজ।

কেন অবস্থান আপেক্ষিক যথার্থতা বিশেষ মনোযোগ?

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

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

আপনি যখন আপেক্ষিক পজিশনিং ব্যবহার করা উচিত?

পৃষ্ঠাগুলি HTML- এর প্রচলিত বিন্যাস ছাড়াও, অবস্থান আপেক্ষিক প্রায়ই আকর্ষণীয় প্রভাব বিভিন্ন তৈরি করতে ব্যবহার করা। উদাহরণস্বরূপ, যদি আপনি একটি আইটেম চান তাহলে একটি পৃষ্ঠায় "আসেন" বা, বিপরীত, ধীরে ধীরে তার অধিকাংশ অঞ্চলের অতিক্রম গিয়েছিলাম, এটা অবিকল এই সম্পত্তি আপনি এই "কৌতুক" বাস্তবায়ন সাহায্য করতে পারেন।

এই "ঠাট" জাভাস্ক্রিপ্ট মাধ্যমে বাস্তবায়িত হয়ে থাকে যদি সিএসএস 3 বৈশিষ্ট্য, যা আপনি একটি নির্দিষ্ট ভেরিয়েবলের মান চক্রাকার পরিবর্তন সমন্বয় করার অনুমতি দেয় মাধ্যমে প্রগতিশীল আরোপের তাগ হয়, বা,।

উপরন্তু, কিছু সম্ভাব্য ক্ষেত্রে "সংকর" মান অবস্থান আপেক্ষিক তৈরি করুন। সিএসএস, যদিও এ একই সময় আপনি অবস্থান ভালো কিছু সেট করতে অনুমতি দেয়:, কিন্তু কিছু ঠাট ব্যবহার করে পরম আত্মীয় করেন তবুও এই মর্মে অর্জন হয়। যেখানে আপনি ভালো কিছু জটিল তৈরি করতে হবে এই পদ্ধতির ক্ষেত্রেই দরকারী হতে পারে একটি টুলটিপ অথবা পপ-আপ মেনু। উদাহরণ বিবেচনা করলে আমরা যেমন একটি কাঠামো একটি বিবরণ দিতে হবে "সংকর।"

আপেক্ষিক র্যাংকিং ব্যবহারের উদাহরণ

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

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

আরেকটি উদাহরণ আপনি "আপেক্ষিক-পরম" উপাদান তৈরি করতে পারবেন। উদাহরণস্বরূপ, যদি আপনি অন্য ভিতরে একটি পরম লিখতে পারেন, অবস্থান আপেক্ষিক হচ্ছে। ফলস্বরূপ, আমরা একটি "আপেক্ষিক" ব্লক যে আকার যা পরম লেখা হয় নেই আছে, এখন একটি অবস্থান পূর্ববর্তী উপাদান স্বাধীন সুস্পষ্ট নিজেই করতে সক্ষম হয়।

বৈশিষ্টসূচক ভুল যখন অবস্থান আপেক্ষিক ব্যবহার

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