সিএসএস Z-সূচক: একটি ওভারভিউ, বৈশিষ্ট্য

নিয়ম সিএসএস Z-সূচক - পৃষ্ঠা উপাদান অবস্থান স্থানাঙ্ক জেড: ডিসপ্লে উপাদান বা স্তর যেখানে এটি অবস্থিত স্তর। ট্যাগ আছে যা Z-সূচক বৃহত্তর পূর্ণ প্রদর্শন করা হবে। ট্যাগ্স অর্ডার তারা আগত প্রবাহ এবং ওভারল্যাপ প্রদর্শিত প্রদর্শিত হয়। приоритет видимости. জেড-সূচক মান দৃশ্যমানতা অগ্রাধিকার নির্ধারণ করে।

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

সাধারণ নিয়ম: অর্ডার ও মাত্রা

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

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

নিয়ম দৃশ্যমানতা

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

অধিকাংশ ক্ষেত্রে এই প্রয়োজন হয় না। আধুনিক যন্ত্রপাতির খুব দ্রুত, ও লক্ষ বিন্দু যেখানে এটি পরবর্তী উপাদান ব্লক হবে উপাদান পুনরায় আঁকুন, খুব সমস্যাযুক্ত।

উপাদানের বিন্যাস উপর প্রভাব

তৃতীয় ট্যাগে এটা যথেষ্ট scCSS3 Z-সূচক বাড়ান, এবং scCSS4 এ - এটি কমাতে, মোট ছবি পরিবর্তিত হয়। স্ট্রীমে উপাদানের ক্রম একই রয়ে গিয়েছে:

• id= 'scCSS1'; DIV আইডি = 'scCSS1';
• id= 'scCSS2'; DIV আইডি = 'scCSS2';
• id= 'scCSS3'; DIV আইডি = 'scCSS3';
• id= 'scCSS4'. DIV আইডি = 'scCSS4'।

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

অঞ্চল, যা দ্বিতীয় ও তৃতীয় ইমেজ ব্যাপৃত প্রকৃত আকার যথাক্রমে হলুদ এবং ধূসর হাইলাইট করা হয়।

পটভূমি-রঙ করার Z-সূচক সমন্বয়

এটা লক্ষনীয় যে সিএসএস ব্যাকগ্রাউন্ড & Z-সূচক বৈশিষ্ট্য একে অপরের পরিপূরক। সকল ব্লক-স্তরের উপাদান, এবং অন্য কোন, সবসময় সর্বোচ্চ উচ্চতা এবং কন্টেন্ট সর্বোচ্চ প্রস্থ দ্বারা গঠিত একটি আয়তক্ষেত্রাকার এলাকা দখল করে আছে।

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

আপনি একটি পাথ নির্বাচিত আকৃতি টেক্সট স্থাপন করতে পারেন, কিন্তু আপনি যদি না, বিষয়বস্তুর কোন উপাদানে একটি আয়তক্ষেত্রাকার বাক্সে, ধারাবাহিকভাবে, ইনপুট প্রাপ্তির উপর পায়।

বৈশিষ্ট্য ব্যবহার করুন উপাদান যার পটভূমি-রঙ মান স্বচ্ছ (স্বচ্ছতা এক ধরনের), যেকোনো বর্তনী উপাদান অনুকরণ করতে পারেন Z-সূচক CSS। মধ্যে যদিও বাস্তবতা উপাদানের ক্ষেত্রে যে কোন ক্ষেত্রে আয়তক্ষেত্রাকার হয়।

ঘটনাবলী এবং দৃশ্যমান উপাদানের

যেখানে উপাদান অন্য উপাদান দ্বারা অবরুদ্ধ হয়, ঘটনা এটা কাজ করবে না। একটি সাধারণ নিয়ম অনুযায়ী, যদি আইটেমটি চোখের সামনে থেকে, পড়া লেখা জানা প্রাপ্যতা জোন।

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

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

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

ছবির ফরম্যাট

যেহেতু চিত্র কোনও সাইটকে জন্য একটি গুরুত্বপূর্ণ ভবন উপাদান (সৌন্দর্য, আধুনিকতার, কার্যকারিতা - হয় কিছু স্বাভাবিক আদর্শ), এটা ইমেজ ফরম্যাট পছন্দ জন্য মহান গুরুত্ব রয়েছে।

মোটামুটিভাবে আপনি যদি বিদ্যমান ফরম্যাটের সব বিভিন্ন ব্যবহার করতে পারেন, কিন্তু বাস্তবতা ও কার্যকারিতা পদ স্ট্যাটিক ইমেজ এবং * .gif জন্য পুরা করুন * .png বেশ যুক্তিযুক্ত - অ্যানিমেটেড ছবির জন্য। জনপ্রিয় * .jpg ভাল, কিন্তু এটা নমনীয়তা প্রদর্শন স্থান নিপূণভাবে করার অনুমতি দেয় না।

ব্রাউজার বাগ এবং ডেভেলপার

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

HTML এবং CSS এর ব্যাখ্যা, ব্রাউজার প্রায় ভুল করে না - এটা একটি সবর্জনবিদিত। পছন্দসই আইটেম আছে যদি না হয়, তাহলে এর নকশা সিএসএস {অবস্থান: পরম; Z-সূচক: 112233; বাম: 10px; শীর্ষ: 20px; } ... কিছু পাওয়া যাচ্ছে না অথবা না নথিভুক্ত করা হয়।

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

স্টাইল বর্গ বা ID শৈলী হতে হবে। উপাদান শৈলী নির্দেশক উচিত শুধুমাত্র ব্যতিক্রমী ক্ষেত্রে।

jQuery.css (Z-সূচী, 123) ব্যবহার করা যদি বর্গ বা শনাক্তকারী প্রয়োগ করা, একটি ত্রুটি হতে পারে। উপরন্তু, jQuery এর - একটি সত্যিই অসাধারণ উন্নয়ন হাতিয়ার। যাইহোক, আগে আপনি এটা প্রযোজ্য হলেও, ভাবতে আঘাত না: উদ্ভাবিত মানে এইচটিএমএল / সিএসএস, Z-সূচকের সাথে প্রয়োগ করা সম্ভব হয় - একটি নিয়ম যে অবিলম্বে মনোযোগ প্রয়োজন হয় না নয়।

লজিক্যাল স্তর সঠিক আন্দোলন এবং

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

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

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

চমৎকার সমাধান - Ajax (পৃষ্ঠা হিসাবে প্রয়োজন আপডেট করা হয়)। এমনকি আরও প্রতিশ্রুতিশীল সমাধান, যখন পৃষ্ঠা দেখায় যে এটা ব্রাউজার উইন্ডোর এই সময়ে প্রয়োজন।

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

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

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