കമ്പ്യൂട്ടറുകൾ, സോഫ്റ്റ്വെയർ
ആപേക്ഷിക സ്ഥാനം - എന്താണിത്? വിശദമായ വിവരണം
കൂടുകെട്ടി എച്ച്ടിഎംഎൽ - ഒരു നീണ്ട പ്രക്രിയ, കർശനമായ, പക്ഷേ വളരെ സൃഷ്ടിപരമായ. ഐടി ജോലി ഭൂരിപക്ഷം ആളുകൾക്കും, വെബ് പേജുകളുടെ ലേഔട്ട് ബോറടിപ്പിക്കുന്ന പതിവ് തോന്നാം കണ്ടാണ്, ഇത്തരം സാഹചര്യത്തിൽ ഒരു വിളിയും ആളുകൾക്ക് സ്പെഷ്യലിസ്റ്റുകൾ, മാത്രമല്ല ഗുണപരമായി പുറത്തു ചുമതല കൊണ്ടുപോകും, മാത്രമല്ല ശക്തിവിശേഷമുണ്ട് പ്രീതി പ്രക്രിയ നിന്ന് ലഭിക്കും.
എന്നിരുന്നാലും, നിങ്ങൾ അനുഭവപരിചയമുള്ള കോഡറും മാറും മുമ്പ്, ഓരോ പുതുമുഖ വിവിധ നിർദ്ദേശങ്ങൾ എച്ച്ടിഎംഎൽ ഭാഷ രണ്ട് പ്രത്യേകതകൾ പഠിക്കുന്ന സമയം ഒരു ചിലവഴിക്കുന്നത് അതിന്റെ സഖ്യകക്ഷിയായിരുന്ന ന് - സി.എസ്.എസ്. കൃത്യമായി കുറിച്ച് സി.എസ്.എസ് എന്താണ്, എന്താണ് അത് എന്തു "നാട്യം ചെവി" നിങ്ങൾ എഴുന്നേറ്റു അനുവദിക്കുന്നു, അതുപോലെ അതിന്റെ മുകളിൽ ഉള്ള ഒരു - ആപേക്ഷിക സ്ഥാനം - ഇന്ന് സംസാരിക്കണമെന്ന് കാണാം.
സി.എസ്.എസ് എന്താണ്?
വാക്കിൽ ഔദ്യോഗിക പരിഭാഷ "പട്ടിക" അപകടം ഏകദേശം പ്രത്യക്ഷനായി - ഇവിടെ കൂടുതൽ ഉചിതമായ വാസ്തവത്തിൽ വചനം "ലിസ്റ്റുകൾ" അല്ലെങ്കിൽ "ലിസ്റ്റുകൾ" ഉപയോഗിക്കാൻ തന്നെ, എന്നാൽ യഥാർത്ഥ വിവർത്തനം രചയിതാക്കൾ സിഎസ്എസ് ഒരു ലിസ്റ്റ് കൂടുതൽ പോലുള്ള തീരുമാനിച്ചു, നാം ആരാണ് ഇത്തരം അവരെ ശ്രമിക്കുക ഇപ്പോൾ.
ഒടുവിൽ, വചനം "കാസ്കേഡ്." വസ്തുത ഓരോ മൂലകം ചേർത്ത് കഴിയും അല്ലെങ്കിൽ കൂടിക്കുഴഞ്ഞ് നിരവധി ശൈലികൾ കഴിയും എന്നതാണ്. ഇത്തരം സന്ദർഭങ്ങളിൽ, ബ്രൗസർ ഒരു കൂട്ടം നിയമങ്ങളാണ് അവലംബിക്കാൻ ഉണ്ട്, അവരിൽ ഒരു കൂടെ, നിരവധി ശൈലികൾ പുറത്തായി ബ്ലോക്ക്, രൂപം രചിക്കുന്നതിന് വേണ്ടി, ഉദാഹരണത്തിന്, ഒരു സ്ഥാനം പ്രോപ്പർട്ടി, മറ്റ് ഉണ്ട് - സ്ഥാനം സമ്പൂർണ്ണ. വാസ്തവത്തിൽ, അത്തരം തർക്കങ്ങൾ സഹിക്കുകയും കഴിയില്ല, എന്നാൽ വലിയ പദ്ധതികൾ അത്തരം ആശയക്കുഴപ്പം പലപ്പോഴും സംഭവിക്കുന്നു.
അതിനാൽ ഇപ്പോൾ, എല്ലാം പേര് നിന്ന് വ്യക്തമാണ് വരുമ്പോൾ, ഒരു ലളിതമായ ഉദാഹരണം നോക്കാം. നിങ്ങളുടെ സൈറ്റിലെ ബട്ടണുകൾ ഒരു വലിയ സംഖ്യ, ഒരു പ്രത്യേക രീതിയിൽ രൂപകൽപ്പന ആയിരിക്കണം പറയട്ടെ. അവർ പോലുള്ള വലിപ്പം, നിഴൽ, അതാര്യത, നിറം ഗുണങ്ങളാണ്. തീർച്ചയായും, ഈ പരാമീറ്ററുകൾ വ്യക്തമാക്കാൻ കഴിയും ഓരോ ബട്ടൺ സൃഷ്ടിക്കുന്നു, പക്ഷേ ഉപയോഗിക്കാം വളരെ എളുപ്പം ആണ്. പ്രായോഗികമായി, നിങ്ങൾ മുകളിൽ ഉള്ള എല്ലാ മൂല്യങ്ങൾ ലിസ്റ്റ് ചെയ്യുന്ന ഒരു ക്ലാസ്, വിവരിക്കാൻ ആവശ്യമാണ്, തുടർന്ന്, പകരം ഒരു നീണ്ട പട്ടികയിലെ ഓരോ ബട്ടൺ ടാഗ് മാത്രം ക്ലാസ് പേര് വ്യക്തമാക്കുന്നതിനായി, തുടർന്ന് ബ്രൌസർ തന്നെ ആവശ്യമുള്ള നിറം ഈ ഘടകങ്ങൾ നിറം അവരെ ശരിയായ തരും ആവശ്യമാണ് "തിളക്കം".
സ്ഥാനം പ്രോപ്പർട്ടി എന്താണ്?
ഞങ്ങൾ ഇപ്പോൾ നേരിട്ട് ഇതിൽ ഈ മുഴുവൻ ലേഖനം ആരംഭിച്ചത് നിമിത്തം, പ്രോപ്പർട്ടി സ്ഥാനത്തേക്ക് മുന്നോട്ട്. നിങ്ങൾ ഇംഗ്ലീഷ് ഭാഷ പരിചിതമാണ്, അല്ലെങ്കിൽ ഒരു നല്ല സഹജാവബോധം ഉണ്ടെങ്കിൽ, നിങ്ങൾക്ക് ഇതിനകം വ്യക്തമായ ആയിരിക്കണം - ഈ പ്രോപ്പർട്ടി ഇനത്തിന്റെ സ്ഥാനം വഹിക്കും. വാസ്തവത്തിൽ, അത്, എന്നാൽ പകരം പ്രത്യേക സ്ഥാനം നിർണ്ണയിക്കുന്നതിന് വഴി, ഈ പ്രോപ്പർട്ടി എങ്ങനെ ഒന്നോ സമീപമുള്ള മുഴുവനുമോ പേജിലൂടെ ബന്ധപ്പെട്ട് മറ്റൊരു ഘടകം ആയിരിക്കും ബ്രൗസർ പറയുന്നു.
എന്തു മൂല്യങ്ങൾ സ്ഥാനം പ്രോപ്പർട്ടി കഴിയും?
നമ്മുടെ പ്രോപ്പർട്ടി നിരവധി വ്യത്യസ്ത മൂല്യങ്ങൾ സ്വീകരിക്കാൻ കഴിയും, അഞ്ചു ഉണ്ട്. ഇവിടെ ഓരോ ഒരു സംക്ഷിപ്ത വിവരണം ആണ്:
- സ്ഥാനം അവകാശമായി. ഈ സവിശേഷത ഒരു രക്ഷാകർത്താവ് എന്നു ഘടകത്തിന്റെ സ്ഥാനം ഡാറ്റ പകർത്താൻ അനുവദിക്കുന്നു. ഉദാഹരണത്തിന്, നിങ്ങൾ ആപേക്ഷിക ഒരു നിശ്ചിത സ്ഥാനം ഒരു കളരി ഉണ്ടെങ്കിൽ, എന്നിട്ട് നീ അതിൽ കൊണ്ട് ഐഎംജി അവകാശമാക്കിക്കൊള്ളുന്നു മൂല്യം ബന്ധുവായ സെറ്റ് നൽകിയ.
- സ്ഥാനം സ്റ്റാറ്റിക്. ഈ മൂല്യം ഇനി പ്രസ്താവിക്കുന്ന, സ്വയം എല്ലാ ഘടകങ്ങളും കൊടുത്തിരിക്കുന്നു. കോഡ് പറഞ്ഞ ഘടകങ്ങൾ സ്ഥാനത്തെത്തും അനുയോജ്യമായിരിക്കണം അവരുടെ സ്ഥാനം മാറ്റാൻ അനുവദിക്കുന്നു "ലൊഗാൻ" പലതരം ലഭ്യമാണ്.
- സ്ഥാനം സമ്പൂർണ്ണ. ഈ മൂല്യം വഴി സ്ഥാനം പ്രോപ്പർട്ടി പലപ്പോഴും ഒരു "ഫ്ലോട്ടിങ്" ഘടകം സൃഷ്ടിക്കാൻ അത്യാവശ്യമാണ് സാഹചര്യങ്ങളിൽ ഉപയോഗിക്കുന്നു. പ്രോപ്പർട്ടി ഇനം നൽകിയ മൂല്യം കൂടി പേജിന്റെ മറ്റ് ഘടകങ്ങൾ വേണ്ടി "അദൃശ്യ" ആണ്. അതായത്, നമ്മുടെ കേവല ഘടകം നിലവിലില്ല പോലെ അവർ ക്രമീകരിച്ചിരിക്കുന്നത്. അവൻ സ്വയം എപ്പോഴും പരിഗണിക്കാതെ എത്ര ദൂരം സ്ക്രോൾ ചെയ്തു പേജിന്റെ, പകരം ചെയ്യും.
- സ്ഥാനം പരിഹരിച്ചു. പല തരത്തിൽ, ഈ മൂല്യം എന്നാൽ, കേവല ഘടകം മാതാപിതാക്കളുടെ കെട്ടിനിർത്തി സമയത്ത്, നിശ്ചിത ബ്രൗസർ സ്ക്രീനിന്റെ മുകളിൽ ഇടത് കോണിൽ മാത്രം നിർദ്ദേശാങ്കങ്ങൾ, അതിനു മുമ്പത്തെ ഘടകങ്ങൾ ബാക്കി അവഗണിച്ചുകൊണ്ട് ഉപയോഗിക്കുന്നു, പഴയതുപോലെ സമാനമാണ്.
- ഒടുവിൽ, ആപേക്ഷിക സ്ഥാനം. ഈ തരം മൂല്യങ്ങൾ, സാധാരണ "റബ്ബർ" വിളിച്ചു അടയാളപ്പെടുത്തുന്നു ഒരു അഡാപ്റ്റീവ് സൃഷ്ടിക്കാൻ ഉപയോഗപ്പെടും മറ്റ് വരെ സ്ഥാനനിർണ്ണയം ഘടകം ബന്ധു അനുവദിക്കുന്നു. ഈ പ്രോപ്പർട്ടി, ഇനം പേജിൽ അവരുടെ സ്ഥാനം മാറ്റാനുള്ള കഴിവ് നഷ്ടപ്പെടാതെ, "പുഷ്" വേറെ.
വ്യത്യസ്ത ബ്രൗസറുകളിൽ സ്ഥാനം പ്രവർത്തിക്കുന്നു
എല്ലാ ബ്രൗസറുകൾ ഒരുപോലെ പൊരുത്തപ്പെടുന്നതാണ്. അറിഞ്ഞു ബാധ്യസ്ഥനാണെന്നും ഇന്റർനെറ്റ് സർഫിംഗ് ഏറ്റവും ബദൽ പരിപാടികൾ സ്ഥാനം മൂല്യം തികച്ചും സത്യമാണ് സമയത്ത്, "വിട്ടുമാറാത്ത പ്രത്യേക» ഇന്റർനെറ്റ് എക്സ്പ്ലോറർ പതിപ്പ് അനുസരിച്ച് പ്രോപ്പർട്ടി കരുതി.
ഉദാഹരണത്തിന്, ബ്രൗസർ IE6 ൽ ഇതിനകം "അടക്കം" ഉപയോഗിച്ച്, നിങ്ങൾ മൂല്യം നിശ്ചിത ഉപയോഗിക്കാൻ കഴിയില്ല പാരമ്പര്യം - "കഴുത" അവർ അത് അവഗണിക്കുക. പക്ഷേ, അതിനനുസരിച്ച് ഏഴാം പതിപ്പ് മെച്ചപ്പെടുത്താൻ തുടങ്ങി നിശ്ചിത കണ്ടാണ് ഇതിനകം പ്രിയ അവകാശമായി, പ്രോസസ്സ് "മറ്റ് ബ്രൗസറുകളിൽ ഡൗൺലോഡ് ബ്രൗസർ," മാത്രമേ അതിന്റെ എട്ടാം അവതാരമാണ് ൽ എത്തി.
നിരീക്ഷകർ ബാക്കി ശാന്തമായി മധ്യത്തോടെ 90 പ്രസിദ്ധീകരിച്ച അതിന്റെ 4 തലങ്ങളിൽ ഉള്ള പിന്തുണ, ലഭിച്ചത് ആദ്യ പതിപ്പ്, ഓപറ ഒഴികെയുള്ള കൂടെ സ്ഥാനം കൈകാര്യം.
ജാവാസ്ക്രിപ്റ്റിൽ സ്ഥാനം പ്രവർത്തിക്കുന്നു
വാസ്തവത്തിൽ, ജാവ സ്ഥാനം പ്രോപ്പർട്ടി പ്രവർത്തിക്കാൻ എങ്ങനെ കഥ, ഞങ്ങൾ മാത്രം മാന്യത നിമിത്തം ഉൾപ്പെടുത്തി ആണ്. ഈ പ്രോപ്പർട്ടി ശീർഷകം ഏതെങ്കിലും പ്രത്യേക പ്രതീകങ്ങൾ ഇല്ലാത്തതിനാൽ, നിങ്ങൾ എന്തെങ്കിലും മാറ്റങ്ങൾ ഇല്ലാതെ JS ഉപയോഗിക്കുക കഴിയും, ഉദാഹരണത്തിന്, കളരി സ്ഥാനം സജ്ജമാക്കാൻ, ഇതുപോലുള്ള വരി ഉൾപ്പെടുത്തണം: ദിവ്.സ്ത്യ്ലെ.പൊസിതിഒന് = 'ബന്ധു'.
നിങ്ങൾക്ക് കാണാൻ കഴിയുന്ന പോലെ, അത് പ്രെറ്റി ലളിതമാണ്.
എന്തുകൊണ്ട് ഗുണദോഷങ്ങൾ പ്രത്യേക ശ്രദ്ധ സ്ഥാപിക്കുക?
മൂല്യം ഉപയോഗിച്ച്, പ്രോപ്പർട്ടി മൂല്യങ്ങൾ സ്ഥാനം ഏറ്റവും ലാറക്ക് ഇട്ടു, "വാക്കേറ്റം" ചുറ്റുമുള്ള ഘടകങ്ങളിൽ, "ശൈലി സ്ഥാനം: ബന്ധു" അതേസമയം, എപ്പോഴും അനുചിതമായ ഉപയോഗം ശക്തമായി "നമ്മളെ" സ്ക്രീൻ മുഴുവൻ ഉള്ളടക്കങ്ങൾ കാരണം, മൊത്തത്തിൽ മുഴുവൻ പേജ് കുറിച്ച് ഓർക്കണം .
എപ്പോഴാണ് നിങ്ങൾ ബന്ധു സ്ഥാനനിർണ്ണയം ഉപയോഗിക്കണം?
പേജുകൾ എച്ച്ടിഎംഎൽ പരമ്പരാഗത ലേഔട്ട് പുറമേ, സ്ഥാനം പലപ്പോഴും രസകരമായ ഇഫക്റ്റുകൾ പലതരം സൃഷ്ടിക്കുന്നത്. ഉദാഹരണത്തിന്, നിങ്ങൾ ഒരു ഇനം ഒരു പേജിൽ ക്രമേണ അതിന്റെ പ്രദേശം ചെന്നു, മറിച്ച് "വന്നു" അല്ലെങ്കിൽ, ആഗ്രഹിക്കുന്നുവെങ്കിൽ, അത് കൃത്യമായി ഈ പ്രോപ്പർട്ടി ഈ "ഹാട്രിക്" നടപ്പിലാക്കാൻ സഹായിക്കാം.
ഈ "തന്ത്രങ്ങളും" JavaScript വഴി, നിങ്ങൾ പുരോഗമന അടിച്ചേൽപിക്കുന്നതിനു ലക്ഷ്യം എങ്കിൽ, ഒരു പ്രത്യേക വേരിയബിൾ മൂല്യം ചാക്രികമായി മാറ്റം ക്രമീകരിക്കുന്നതിന് അനുവദിക്കുന്നു, സിഎസ്എസ് 3 എന്ന പ്രോപ്പർട്ടികൾ, പദ്ധതിയാണ്, അല്ലെങ്കിൽ ചെയ്യുന്നു.
ആപേക്ഷിക റാങ്ക് ഉപയോഗിച്ച് ഉദാഹരണങ്ങൾ
സ്ഥാനം - ഇത് തികച്ചും ലളിതമാണ്, എന്നാൽ നിങ്ങൾ രസകരമായ ഇഫക്റ്റുകൾ പലതരം നടപ്പാക്കാൻ അനുവദിക്കുന്ന ഇഷ്ടാനുസരണം ഉപകരണം. വിലപ്പോവില്ല കോഡ് ടെംപ്ലേറ്റ് എഴുതാൻ സ്ഥലം, സമയം എന്നിവ പാഴാക്കരുത് ചെറുത്തുനിൽപ്പിന്, നിങ്ങളുടെ സൈറ്റ് അല്ലെങ്കിൽ നിർദ്ദിഷ്ട പേജുകൾ അലങ്കരിക്കാൻ കഴിയും പല അലിഖിത ആൽഗരിതങ്ങൾ അവതരിപ്പിക്കാൻ.
ന്റെ 'റൺ ഔട്ട് "ലൈൻ കൂടെ ആരംഭിക്കുക. നിങ്ങൾ സ്ക്രീനിന്റെ ഇടത് അറ്റം കാരണം "യാത്ര" ചെയ്യും സാവധാനം വലതുഭാഗത്ത് നീക്കാനോ ഒരു മൂലകം ഒരു ആവശ്യം ഉണ്ടെന്ന് കരുതുക. അത്തരം ഒരു "സംവിധാനം" നടപ്പാക്കാൻ സ്ഥാനം വിളമ്പും: ബന്ധു; ഇടത്: -൧൦൦പ്ക്സ, എവിടെ -100 - ബ്ലോക്ക് വീതി രൂപീകരിക്കുന്ന പിക്സൽ ഏകദേശ എണ്ണം. ഈ ശൈലി "ആരംഭസ്ഥാനവും" അത് സ്ഥാപിച്ച്, സ്ക്രീനിന്റെ പുറത്തുള്ള യൂണിറ്റ് മറയ്ക്കാൻ അനുവദിക്കും. ഇപ്പോൾ നിങ്ങൾ പോലെ അതു ബ്രൗസർ വിൻഡോയുടെ വീതി മൈനസ് ഘടകത്തിന്റെ വീതി തുല്യമായ അല്ല പോലെ യൂണിറ്റിന് പ്രോപ്പർട്ടി മൂല്യം വന്ന ഓരോ ഏതാനും മില്ലീസെക്കന്റുകൾ വർധിക്കും ഒരു സ്ക്രിപ്റ്റ് ഉപയോഗിക്കാം. ഫലം ഇടത്തേയറ്റത്തെ പുറത്തു വരുന്ന ഒരു യൂണിറ്റ്, സ്ക്രീൻ കുറുകെ ഉരുട്ടി, വലതു കയ്യിൽ "പാർക്കുചെയ്ത".
മറ്റൊരു ഉദാഹരണം നിങ്ങൾ സൃഷ്ടിക്കാൻ "ആപേക്ഷിക-സമ്പൂർണ്ണ" ഘടകങ്ങൾ അനുവദിക്കുന്നു. ഉദാഹരണത്തിന്, നിങ്ങൾ സ്ഥാനം ഇല്ലാതെ, മറ്റൊരു ഉള്ളിൽ ഒരു കേവല നൽകാം. തൽഫലമായി, ഞങ്ങൾ കേവല ആലേഖനം ചെയ്യാൻ വലുപ്പമില്ല ഒരു "ബന്ധു" ബ്ലോക്ക്, ഇപ്പോൾ മുമ്പത്തെ ഘടകം ബന്ധമില്ലാതെ സ്ഥാനത്ത് തന്നെ വെളിപ്പെടുത്തുവാൻ കഴിയും.
സാധാരണ തെറ്റുകൾ സ്ഥാനം ഉപയോഗിക്കുമ്പോൾ
ഏറ്റവും സാധാരണമായ തെറ്റ് സ്ഥാനം ഉപയോഗിച്ച് നിരവധി വെബ് ഡിസൈനർമാർക്ക് എവിടെയും സ്ഥിതി കഴിയുന്ന യൂണിറ്റ്, ഒരു സ്ഥലം നിക്ഷിപ്തമാണ് കഴിവ് കുറിച്ച് മറക്കരുത് എന്നതാണ്. ഉദാഹരണത്തിന്, നിങ്ങൾ ഒരു ഏകദേശം വലിയ ഉണ്ടെങ്കിൽ, സ്ക്രീനിന്റെ പുറത്ത് ഒരു ബന്ധു സ്ഥാനനിർണ്ണയം ഇല്ലാതെ ആക്കി, അതിന്റെ സ്ഥലത്തു ഒരു ശൂന്യത "ദ്വാരം" ആയിരിക്കും. എന്നാൽ, ഈ പ്രോപ്പർട്ടി ചിലപ്പോൾ ആണ് ചില അസൗകര്യങ്ങൾ നല്ല വേണ്ടി, എവിടെ അതിന്റെ ബ്ലോക്കുകൾ എല്ലാ ക്രമേണ മുകളിൽ സ്ഥാനത്ത് സൈറ്റ്, ഓഫ് "സ്വയം സഭായോഗങ്ങളെ" ഒരു രസകരമായ പ്രഭാവം സൃഷ്ടിക്കുന്നു ഉദാഹരണത്തിന് ഉപയോഗിക്കാൻ കഴിയും സൃഷ്ടിക്കുന്നു: 0; വിട്ടു: 0; ടി. ഇ. അതിന്റെ യഥാർത്ഥ സ്ഥാനം.
Similar articles
Trending Now