CSS ஐ Z- குறியீட்டு: கண்ணோட்டத்தை, பண்புகள்

ஆட்சி CSS ஐ z- குறியீட்டு - பக்கம் உறுப்பு நிலையை இசட் ஒருங்கிணைக்க: இது அமைந்துள்ளது காட்சி உறுப்பு அல்லது அடுக்கு நிலை. Z- குறியீட்டு பெரிய மதிப்பு உள்ளது அந்த குறியுடன் முழு காட்டப்படும். குறிச்சொற்கள் ஆர்டர் அவர்கள் உள்வரும் ஓட்டத்தில் ஒன்றுடன் தோன்றும் காட்டப்படும். приоритет видимости. Z- குறியீட்டு மதிப்பு தன்மை முன்னுரிமை தீர்மானிக்கிறது.

நாம் நவீன உலாவிகளில் மற்றும் நெறிமுறைகள் காட்சி கூறுகளின் அஞ்சலி செலுத்த வேண்டும். கிராபிக்ஸ் மற்றும் கைப்பற்றப்பட்ட திரைகளில் பயன்பாடு சாளரத்தில் உறுப்புகள் கிளிப்பிங் பிரச்சனை புலப்படும் மற்றும் கண்ணுக்கு தெரியாத பாகங்கள் உருவாக்கப்பட்டது போது நாட்கள் என்பதால், புலப்படும் காட்சி தொழில்நுட்பங்களைப் பயன்படுத்தி, உள்ளடக்க சிறந்த முடிவுகளை அடைந்துள்ளது. ஒரு உலாவி சாளரத்தில், அனைத்து கூறுகளையும் பயனர் குறிப்பிடப்படவில்லை வடிவமைப்பு அல்லது டெவலப்பர் மட்டுமே எதைக் காண வேண்டும், சரியாக காட்டப்படும்.

பொது விதி: ஆர்டர் மற்றும் நிலை

உள்ளீடு ஸ்ட்ரீம் (பக்கம் உருவாக்கப்பட்டது சர்வர்) தொடர்ந்து உலாவி படிக்கிறார். அனைத்து குறிச்சொற்களை CSS விதிகளின் படி காட்டப்படும் மற்றும் மேலமையக்கூடும்.

இந்த உதாரணம் நான்கு தெரியும் உறுப்பு விவரிக்கிறது. ஒவ்வொரு தொடர்ச்சியான முந்தைய ஒரு மேலெழுகிறது. குறிச்சொற்களை கடந்து எங்கே இடங்களில், முன்னுரிமை ஒரு கேள்வி உள்ளது. இந்த அனைவரும் ஒரே மற்றும் 848 சமமாக ஒரு விதியாகவும் Z- குறியீட்டு CSS குறிச்சொற்களை, அது வெளிப்படையான பின்வருமாறு செல்கிறது அந்த உறுப்பு இருக்கும். அனைத்து என்று வெளிப்படையாக அடுத்த தனிமமான ஒவ்வொரு கீழ் இருந்து வெளியே பலவற்றை.

ஆட்சி தன்மை

உலாவிகள் தன்மை விதிகள் மட்டுமே "நியாயமான" கண்காணிக்க. மிகவும் கடினமாக உள்ளது - நீங்கள் நிகர திணிக்க ஆய்வு மற்றும் உண்மையில் இடையில் அமைந்த மட்டுமே அந்த பயன்படுத்த, ஒவ்வொரு அடுத்தடுத்த உறுப்பு உட்கவரப்படுகின்றன அந்த பாகங்கள் தவிர்த்து அனுமதிக்கிறது என்று ஒரு படிமுறை கொண்டு வர.

பெரும்பாலான சந்தர்ப்பங்களில் இது அவசியம் என்பதல்ல. நவீன உபகரணங்கள் மிகவும் வேகமாக உள்ளது, அது அடுத்த உறுப்பு தடுக்க அங்கு புள்ளி உறுப்பு மீண்டும் வரைய கவனிக்க, மிகவும் பிரச்சினைக்குரியது.

உறுப்பு வரிசையில் செல்வாக்கு

மூன்றாவது டேக் அது போதுமானதாக Z- குறியீட்டு அதிகரிக்க scCSS3, மற்றும் scCSS4 மணிக்கு - அது குறைக்க, மொத்த படம் மாற்றப்படுகிறது. ஸ்ட்ரீம் உள்ள உறுப்புகள் வரிசை அதேதான்;

• id= 'scCSS1'; கிராம ஐடி = 'scCSS1';
• id= 'scCSS2'; கிராம ஐடி = 'scCSS2';
• id= 'scCSS3'; கிராம ஐடி = 'scCSS3';
• id= 'scCSS4'. கிராம ஐடி = 'scCSS4'.

அது இரண்டாவது படம் உண்மையில் அது தெரிகிறது விட இடத்தை பிடிக்கும் என்று கவனத்தில் கொள்ள வேண்டும். மூன்றாவது இதே நிலைமைதான் உள்ளது. மேலும், இது இரண்டு பாகங்கள் (இரண்டு முட்டைகள்) ஒருவருக்கொருவர் ஒரு குறிப்பிட்ட தூரத்தில் கொண்டுள்ளது.

இரண்டாவது மற்றும் மூன்றாவது படங்களை ஆக்கிரமிக்க பிரதேசங்களில், அசல் அளவு முறையே மஞ்சள் மற்றும் சாம்பல் உயர்த்திக்காட்டும்.

பின்னணி வண்ண அச்சிக்கலெண்ணுக்கும்-குறியீட்டு இணைந்து

இது CSS பின்னணி மற்றும் Z- குறியீட்டு பண்புகள் ஒன்றுக்கொன்று என்பது குறிப்பிடத்தக்கது. அனைத்து தொகுதி நிலை உறுப்புகள், மற்றும் வேறு எந்த, எப்போதும் அதிகபட்ச உயரம் மற்றும் உள்ளடக்கம் அதிகபட்ச அகலம் உருவாகின்றன சதுர ஏரியாவிற்கு ஆக்கிரமிக்க.

படங்களை பயன்படுத்தி, நீங்கள் எந்த வடிவத்தில் துறையில் உறுப்பு செய்ய முடியும், ஆனால் அவரை சுற்றி எப்போதும் ஒரு செவ்வகம் இருக்கும். அது ஒழுங்காக கணக்கில் எடுக்க முக்கியமானது என்று ஒரு உண்மை.

நீங்கள் ஒரு பாதை தேர்ந்தெடுக்கப்பட்டுள்ளன வடிவம் உரை வைக்க முடியும், ஆனால் நீங்கள் அவ்வாறு செய்யாவிட்டால் உள்ளடக்கத்தை எந்த உறுப்பு ஒரு செவ்வக பெட்டியில், வெற்றிகரமாக, உள்ளீடு சான்றைப் பெறுகிறார்.

பண்புகள் பயன்பாட்டு யாருடைய பின்னணி வண்ண மதிப்பு (வெளிப்படைத்தன்மை ஒரு வகையான) வெளிப்படையாகத் தெரிகிறது, எந்த சுற்று உறுப்பு பின்பற்ற முடியும் உறுப்பில் Z- குறியீட்டு CSS. எனினும் உண்மையில் உறுப்பு எந்த வழக்கு செவ்வக உள்ளது.

நிகழ்வுகள் மற்றும் புலப்படும் கூறுகள்

அங்கு உறுப்பு மற்றொரு உறுப்பு தடுக்கப்பட்டது இடங்களில், நிகழ்வுகள் அது வேலை செய்யாது. ஒரு பொது விதியாக, உருப்படி பார்வையை விட்டு இருந்தால், அவர் மேலும் அதே மண்டலமாகும்.

ஒரு டெவலப்பர் பொத்தானை அல்லது மெனு உருப்படி பூட்ட வேண்டும் என்றால், அது நன்றாக பூட்டுதல் டேக் மீது மற்றொரு டேக், வைக்கப்படலாம் ஒருவேளை ஒரு வெளிப்படையான (எ.கா., CSS ஐ ஒளிர்வு ஆட்சி பயன்படுத்தி), ஆனால் எந்த வழக்கில் அதிக CSS ஐ Z-செய்யப்பெற்ற சுட்டு.

நிகழ்வு, பார்வையில் பயனர் புள்ளியில் இருந்து என்பதால், சம்பந்தப்பட்ட பிரிக்கப்பட்டுள்ளது மற்றும் எந்த இல்லை முடியும், பின்னர் கடந்த (சுட்டி நகரும் விசைப்பலகையில் சீரற்ற பொத்தான்கள் அழுத்தி, டைமர் சிக்னல்) போதுமான உலாவி சாளரத்தில் உள்ளடக்கத்தை மாற்ற பயன்படுத்த முடியும்.

ஒரு எளிய உதாரணம்: ஒரு பார்வையாளர் மாற்றப்பட்டுள்ளது சுட்டியை மெனு உருப்படி, ஆனால் இன்னும் ஏதாவது செய்ய முடிவு செய்யவில்லை. மேம்பாட்டாளர் தேவையான புள்ளி உரையாடல் இயக்கத்தை கண்காணிக்க ஒரு நிகழ்வை வழங்க முடியும் (கிளிக் - ஒரு பார்வையாளர் முடிவு) மற்றும் போதுமான உள்ளடக்கம் காட்ட. விதி CSS ஐ Z- குறியீட்டு சந்தர்ப்பத்தில் ஏற்றதாகும்.

பட வடிவமைப்புடன்

படங்களை எந்த தளத்தையும் ஒரு முக்கியமான கட்டுமானப்பொருளாக இருப்பதால் (அழகு, நவீனத்தை, செயல்பாடு - விஷயங்கள் வழக்கமான நெறி), அது பட வடிவமைப்பு தேர்வுகள் பெரும் முக்கியத்துவம் வாய்ந்தது.

மூலம் மற்றும் பெரிய, நீங்கள் இருக்கும் வடிவங்கள் அனைத்து பல்வேறு பயன்படுத்த முடியும், ஆனால் நடைமுறை மற்றும் திறன் அடிப்படையில் நிலையான படங்கள் மற்றும் * .gif க்கான * அடைத்துவிடுவேன் .png மிகவும் நியாயமானதே - அனிமேஷன் படங்கள். பிரபலமான * .jpg மேலும் நல்லது, ஆனால் அது நெகிழ்வு காட்சிக்குரிய கையாள அனுமதிக்காது.

உலாவி பிழைகள் மற்றும் மேம்பாட்டாளர்

அடிக்கடி வழக்கு CSS ஐ Z- குறியீட்டு வேலை செய்யாது போது, ஆனால் அது நடக்கும் இல்லை. அருவியாகக் நடைத்தாள்களின் விதிமுறைகள் எப்போதும் வேலை, மற்றும் பாணி கோப்பு தொகுதி அடிக்கடி குறிப்பிடத்தக்க தொகுதிகளை அடைய. ஏதாவது காட்டப்படும் போது, அல்லது வெறும் இருக்க வேண்டும் என்பதை இல்லை, முதல், உங்கள் சொந்த குறியீட்டினை சரிபார்த்து வேண்டும் பின்னர் உங்கள் உலாவியின் தற்காலிக சேமிப்புகளை அழித்துவிட்டு மீண்டும் உங்கள் சொந்த குறியீடு சோதிக்க.

HTML மற்றும் CSS உரைபெயர்ப்பு, உலாவி தவறுகள் செய்ய முடியாது கிட்டத்தட்ட - அது ஒரு வெளிப்படையான உள்ளது. விரும்பிய உருப்படி என்ன இல்லையென்றால்,, வடிவமைப்பில் CSS ஐ {நிலை: முழுமையான; Z- குறியீட்டு: 112233; இடது: 10px; மேல்: 20px; } ... ஏதோ காணவில்லை அல்லது இல்லை பதிவு செய்யப்பட்டுள்ளது.

மிகவும் பொதுவான தவறு - தவறான உறுப்பு காட்டப்பட்டிருப்பது ஒரு முழுமையான அல்லது உறவினர் நிலையை அதன் தன்மை ஒரு குறிப்பு காணவில்லை. சில நேரங்களில் அது உறுப்பு நேரடியாக பாணி குறிப்பிட வேலை மற்றும் அவரது பாணி அல்ல முடியும். பிந்தைய நிலையில், அதை ஒரு வழி, ஆனால் அது முதன்மையாக குறியீடு பிழை சில வகையான குறித்துப் பேசிக் கொண்டிருக்கிறார்.

பாணி வர்க்கம் அல்லது ஐடி பாணியில் இருக்க வேண்டும். மட்டுமே விதிவிலக்கான சந்தர்ப்பங்களில் வேண்டும் உறுப்பு மீது பாணி சுட்டும்.

jQuery.css (இஸட்-குறியீட்டு, 123) பயன்படுத்தி வர்க்கம் அல்லது அடையாளப்படுத்தியுடன் பயன்படுத்தப்படும் இல்லை என்றால், ஒரு பிழை வழிவகுக்கும். கூடுதலாக, jQuery - ஒரு உண்மையிலேயே குறிப்பிடத்தக்க வளர்ச்சி கருவி. எனினும், நீங்கள் அதை விண்ணப்பிக்க முன், யோசிக்க காயம் இல்லை: HTML / CSS மேம்படுத்தப்பட்ட பொருள், Z- குறியீட்டு தவிர்த்திட அது சாத்தியம் - உடனடி கவனம் தேவை இல்லை என்று ஒரு விதி அல்ல.

தருக்க அடுக்குகள் சரியான இயக்கம் மற்றும்

சரியான பக்கம் - பிளாட். எந்த வழக்கில், இதுவரை ஒரு பாரிய அளவிலான உண்மை முப்பரிமாண படத்தை முன், மற்றும் இந்த குறிப்பிட்ட தேவை. நவீன வலைத்தளங்கள் - அது ஒரு உண்மையான அனுபவம், நிஜ உலக பணிகளை உள்ளது. அவர்கள் நன்றாக வேலை மற்றும் ஒரு தட்டையான முப்பரிமாண படத்தை காட்ட வேண்டும்.

மூலம், நிகழ்வு இறங்கும் பக்கம் விருப்பங்கள் "தளத்தில் கட்டிடம்" வடிவில் (இறங்கும் பக்கம்) - சிறந்த ஆதாரம் என்று பிளாட் செவ்வக வடிவம் மற்றும் உலர்ந்த, ஆனால் மிகவும் துல்லியமான உள்ளடக்கத்தை - நல்லதும் நடைமுறை. ஆனால் அது கவனிக்கப்பட வேண்டியதாகும் வேண்டுமென்ற தங்களது முக்கிய விஷயம் சிக்கி ஏகபோக நிறுவனங்களின் வலைத்தளங்கள் - நிறுவனம், அதன் செயல்பாடு மற்றும் சக்தி உற்பத்தியினை முகம். தகவல் தொழில்நுட்ப மான்ஸ்டர் என்று இறங்கும் பக்கங்களை உணர்ந்தேன் - அது சிறு வணிகங்கள் எதிர்கொள்ள, அணிகலன்கள், Herbalife மற்றும் பிற தான் "நகை."

அது போல் அல்லது இல்லை, உண்மையில் சரியான எதிர்காலம் காண்பிக்கும். அது மட்டுமே அடுக்குகள் உள்ளடக்கத்தில் வரைவதற்கு, ஆனால் ஒரு இணையதளம் உருவாக்கி எந்த மாறுபாடு அவர்களுக்கு இடையே சரியான இயக்கம் உறுதி அர்த்தமுள்ளதாக முக்கியம்.

சிறந்த தீர்வு - அஜாக்ஸ் (பக்கம் தேவையான புதுப்பிக்கப்படுகிறது). இன்னும் நம்பிக்கைக்குரிய தீர்வு, பக்கம் அது உலாவி சாளரத்தின் இந்த கட்டத்தில் அவசியம் என்று காட்டுகிறது போது.

உண்மையில், z- குறியீட்டு - இந்த எளிய ஆட்சி CSS ஐ. அதன் நோக்கம் - இந்த உறுப்பு காட்சி உறுப்பு மற்றும் எந்தப் பகுதியில் காணும்படி இருக்கும் போது உலாவி தீர்மானிக்க முடியும் என்று டேக் நிலை காட்ட. அடுக்கு மற்றும் பக்கம் - ஒரு மிக உறவினர் கருத்து, அது பக்கம் வடிவமைத்து வேறுபட்ட உள்ளடக்கத்தை காட்சிக்கு விதி Z- குறியீட்டு பொருள் மனதில் வைத்து சிக்கலேற்படுகிறது ஏனெனில்.

பொதுவாக, ஒரு டெவலப்பர் ஒரு பிடித்த எண் தேர்வு செய்யும், ஒரு வரிசையில் அனைத்து குறிச்சொற்களை அதை கொடுக்கிறது நாம் எப்படியோ வெளியே நிற்க வேண்டும் என்ற உண்மையை, அடுத்த எண் ஒதுக்கும். அடுக்குகள் மற்றும் பக்கங்களின் நிலைகளை முக்கியத்துவம் இணை - குறிப்பாக முற்போக்கான மற்றும் நம்பிக்கைக்குரிய நடைமுறைகள் அல்ல.

எனினும், பார்வையாளர் ஒரு உரையாடல்களுடன் நடவடிக்கை பொருள்கள் Z- குறியீட்டு என்றால், அது சாத்தியம் ஒரு நடைமுறை விளைவு உருவாக்க வேண்டும். எப்படி குறிச்சொற்களை ஒருவருக்கொருவர் விதிக்கப்பட்ட முடியும் போலவே, இதுவும் ஒரு டயலாக் (தளத்தில் பார்வையாளர்) சுமத்தும் மற்றும் அவர்களுக்கு இடையே இயக்கம் செய்ய முடியும். இந்த கண்ணோட்டத்தில், CSS ஐ Z-குறியீட்டின் விதிகளின் பயன்பாட்டின் மிகவும் சாத்தியமில்லாத மற்றும் நடைமுறை தோன்றுகிறது.