உறவினர் நிலைப்படுத்த - அது என்ன? விரிவான விளக்கத்தை

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

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

CSS ஐ என்ன?

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

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

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

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

நிலை சொத்து என்ன செய்கிறது?

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

என்ன மதிப்புகள் நிலை சொத்து முடியும்?

எங்கள் சொத்து பல்வேறு மதிப்புகள் ஏற்க முடியும் பூமியில் ஐந்து மட்டுமே உள்ளன. இங்கே ஒவ்வொரு ஒரு சுருக்கமான விளக்கம்:

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

வெவ்வேறு உலாவிகளில் நிலை வேலை

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

அவர்கள் வெறுமனே அது புறக்கணி "கழுதை" - உதாரணமாக, ஏற்கனவே "அடக்கம்" உலாவி IE6 பயன்படுத்தி, நீங்கள் மதிப்பு நிலையான மற்றும் Inherit பயன்படுத்த முடியாது. எனினும், நிலைமை ஏழாவது பதிப்பினை மேம்படுத்துவதில் தொடங்கியது, மற்றும் காதலி ஏற்றுக்கொள் ஏற்கனவே பதப்படுத்தப்பட்ட நிலையான, என்ற உண்மையை போதிலும் "மற்ற உலாவிகளில் பதிவிறக்க உலாவி," ஒரே அதன் எட்டாவது அவதாரம் அடைந்தது.

பார்வையாளர்கள் எல்லாரும் நிம்மதியா நிலை அதன் 4 வேறுபாடுகள் பண்புகள் ஆதரவு கிடைத்தது ஓபரா தவிர, 90 களின் நடுப்பகுதியில் வெளியிடப்பட்ட உடன், முதல் பதிப்பு கையாள.

ஜாவா உள்ள நிலை வேலை

உண்மையில், ஜாவா உள்ள நிலை சொத்து வேலை எப்படி கதை, நாம் மட்டும் கண்ணிய பொருட்டு சேர்க்கின்றனர். div.style.position = 'தொடர்புடையவை': இந்த சொத்து தலைப்பு எந்த சிறப்பு பாத்திரங்கள் அதிகம் இல்லை என்பதால், நீங்கள் JS எவ்வித மாற்றங்களும் இல்லாமல், எடுத்துக்காட்டாக, கிராம நிலை உறவினர் அமைக்க இந்த மாதிரி ஒரு வரி அடங்கும் வேண்டும் பயன்படுத்த முடியும்.

நீங்கள் பார்க்க முடியும், அது மிகவும் எளிது.

ஏன் நிலை உறவினர் பெருமைமிக்க சிறப்பு கவனம்?

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

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

போது நீங்கள் இடநிலையைப் பயன்படுத்த வேண்டும்?

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

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

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

உறவினர் தரவரிசை பயன்படுத்தி எடுத்துக்காட்டுகள்

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

யின் "ரன் அவுட்" வரி ஆரம்பிக்கலாம். நீங்கள் சரியான பக்கத்தில் அதை நகர்த்த என்று "பயணம்" திரையின் இடது முனை ஏனெனில் மெதுவாக ஒரு உறுப்பு தேவை என்று வைத்துக் கொள்ளுங்கள். நிலையை அமைக்க வேண்டும் போன்ற ஒரு "இயங்கம்ச" செயல்படுத்த: உறவினர்; இடது: -100px, அங்கு -100 - தொகுதி அகலம் உள்ளடக்கியிருப்பதாக பிக்சல்கள் தோராயமாக எத்தனை. இந்த பாணி நீங்கள் "ஆரம்ப நிலை" அதை வைப்பது, திரை வெளியே அலகு மறைக்க அனுமதிக்கும். இப்போது நீங்கள் நீண்ட அது உலாவி சாளரத்தின் அகலம் கழித்தல் உறுப்பு அகலம் சமமாக கூடாது என யூனிட் சொத்து மதிப்பு விட்டு ஒவ்வொரு சில மில்லி விநாடிகளில் அதிகரிக்கும் என்று ஒரு ஸ்கிரிப்ட் பயன்படுத்த முடியும். விளைவாக, இடது விளிம்பில் வெளியே வரும் திரை முழுவதும் பரவியது மற்றும் அவரது வலது கையில் "நிறுத்தப்பட்டுள்ள" ஒரு பிரிவாகும்.

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

நிலை உறவினர் பயன்படுத்தும் போது வழக்கமான தவறுகள்

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