സി.എസ്.എസ് ഇസഡ് സൂചിക: ഒരു അവലോകനം, പ്രോപ്പർട്ടികൾ

അതിൽ സ്ഥിതി ഡിസ്പ്ലേ ഘടകം ലെയർ തലത്തിൽ: - റൂൾ സി.എസ്.എസ് ഇസഡ് സൂചിക പേജ് ഘടകം സ്ഥാനം ഇസഡ് കോർഡിനേറ്റ്. ഇസഡ് സൂചിക വലിയ ഉണ്ടെന്ന് ടാഗ് പൂർണ്ണമായി പ്രദർശിപ്പിക്കും. ടാഗുകൾ ക്രമത്തിൽ ഇൻകമിംഗ് ഒഴുക്ക് ആൻഡ് ഓവർലാപ്പിന് ദൃശ്യമാകും പ്രദർശിപ്പിക്കുന്നു. приоритет видимости. ഇസഡ് സൂചിക മൂല്യം ദൃശ്യപരത മുൻഗണന നിർണ്ണയിക്കുന്നു.

നാം ആധുനിക ബ്രൗസറുകളും അൽഗോരിതങ്ങൾ ഡിസ്പ്ലേ ഘടകങ്ങൾ കരം നൽകണം. ഗ്രാഫിക്സ് അപ്ലിക്കേഷൻ വിൻഡോ മൂലകങ്ങളുടെ പ്രശ്നം ദൃശ്യമായതും അദൃശ്യമായതും ഭാഗങ്ങൾ തടയലും രൂപം പിടിച്ചെടുത്തു സ്ക്രീനുകൾ, ദൃശ്യമായ ഡിസ്പ്ലേ സാങ്കേതികവിദ്യ ഉള്ളടക്കം നല്ല ഫലം എത്തിയിട്ടുണ്ട് വരുമ്പോൾ. ദിവസം മുതൽ ഒരു ബ്രൗസർ വിൻഡോയിൽ, എല്ലാ ഘടകങ്ങൾ ശരിയായി പ്രദർശിപ്പിക്കുന്നു, ഉപയോക്താവ് വ്യക്തമാക്കിയ മാത്രം എന്തു ഡിസൈൻ അല്ലെങ്കിൽ ഡെവലപ്പർ കാണുന്നു.

പൊതു ഭരണം: ക്രമവും നില

ഇൻപുട്ട് സ്ട്രീം (പേജ് രൂപം സെർവർ) തുടർച്ചയായി ബ്രൗസർ വായിക്കുന്നു. എല്ലാ ടാഗുകൾ സി.എസ്.എസ് നിയമങ്ങൾ പ്രകാരം പ്രദർശിപ്പിക്കാൻ അവ ഓവർലാപ്പ്.

ഈ ഉദാഹരണം നാല് ദൃശ്യമായ ഘടകം വിവരിക്കുന്നു. ഓരോ തുടർച്ചയായ ഒരു പഴയതുപോലെ കവിയുന്നു. എവിടെ ടാഗുകൾ കടന്നു സ്ഥലങ്ങളുടെയും മുൻഗണനാ ഒരു ചോദ്യം ഇല്ല. ഈ ഒരേ ഒപ്പം 848 തുല്യമായ ചട്ടം ഇസഡ് സൂചിക സി.എസ്.എസ് ടാഗുകൾ, അത് പ്രകടമാണ് താഴെ പോലെ വസ്തുക്കളെ ഘടകം ആയിരിക്കും. പ്രത്യക്ഷമായും, അടുത്ത മൂലകം ഓരോ കീഴെ നിന്നു ലഘുതിരനോട്ടങ്ങൾ എല്ലാ.

റൂൾ ദൃശ്യപരത

ബ്രൗസറുകൾ ദൃശ്യപരത മാത്രം "മേള" നിയമങ്ങൾ നിരീക്ഷിക്കുക. നിങ്ങൾ എല്ലാ മൊത്തം ഏർപ്പെടുത്തേണ്ട വിശകലനം മാത്രം യഥാർത്ഥത്തിൽ ഓരോ തുടർച്ചയായി ഘടകം വലിച്ചെടുക്കുന്ന ആ ഭാഗങ്ങൾ ഒഴികെ, കൂട്ടിമുട്ടുന്ന ആ ഉപയോഗിക്കാൻ അനുവദിക്കുന്ന ഒരു അൽഗോരിതം കയറി വന്നു - വളരെ ബുദ്ധിമുട്ടാണ്.

മിക്കവാറും അത് ആവശ്യമില്ല. ആധുനിക ഉപകരണങ്ങൾ വളരെ വേഗത്തിൽ, അത് അടുത്ത ഘടകം തടയും എവിടെ പോയിന്റ് ഘടകം .Sunday, ശ്രദ്ധയിൽപ്പെട്ടാൽ, വളരെ പ്രശ്നമാണ്.

ഘടക ശ്രേണി സ്വാധീനിച്ചു

മൂന്നാം ടാഗ് സ്ച്ച്ഷ്൩ ഇത് താമസിക്കാൻ പര്യാപ്തമാണ് ഇസഡ് സൂചിക വർദ്ധിപ്പിച്ചു സ്ച്ച്ഷ്൪ ചെയ്തത് - അത് കുറയ്ക്കാൻ, മൊത്തം ചിത്രം മാറുന്നു. സ്ട്രീമിലെ മൂലകങ്ങളുടെ അനുക്രമം മാറ്റമൊന്നുമില്ല:

• id= 'scCSS1'; താങ്കളുടെ അക്കൗണ്ട് ഐഡി = 'സ്ച്ച്ഷ്൧';
• id= 'scCSS2'; താങ്കളുടെ അക്കൗണ്ട് ഐഡി = 'സ്ച്ച്ഷ്൨';
• id= 'scCSS3'; താങ്കളുടെ അക്കൗണ്ട് ഐഡി = 'സ്ച്ച്ഷ്൩';
• id= 'scCSS4'. താങ്കളുടെ അക്കൗണ്ട് ഐഡി = 'സ്ച്ച്ഷ്൪'.

ഇത് രണ്ടാം ചിത്രം യഥാർത്ഥത്തിൽ തോന്നുന്നു കൂടുതൽ ഇടം എടുക്കും എന്ന് കുറിക്കുകയും ചെയ്യണം. മൂന്നാം ചിത്രം തന്നെയാണ്. മാത്രമല്ല, പരസ്പരം അകലെ രണ്ട് ഭാഗങ്ങൾ (രണ്ട് മുട്ടകൾ) അടങ്ങിയിരിക്കുന്നു.

രണ്ടാം മൂന്നാം ചിത്രങ്ങൾ അളന്ന് ഏത് പ്രദേശങ്ങളിലും യഥാർത്ഥ വലിപ്പം യഥാക്രമം മഞ്ഞ ചാര കാണിച്ചിരിക്കുന്നു ചെയ്യുന്നു.

പശ്ചാത്തല നിറം നൽകാൻ ഇസഡ് സൂചിക സംയോജനമാണ്

അത് സി.എസ്.എസ് പശ്ചാത്തലത്തിൽ & ഇസഡ് സൂചിക വിശേഷതകൾ പരസ്പരം എന്ന് കുറിക്കുകയും ചെയ്യണം. എല്ലാ ബ്ലോക്ക്-ലെവൽ ഘടകങ്ങൾ, മറ്റ് ഏതെങ്കിലും, എപ്പോഴും പരമാവധി ഉയരം ഉള്ളടക്കവും പരമാവധി വീതി രൂപം ചതുരാകൃതിയിലുള്ള മേഖലയ്ക്കുവേണ്ടി അളന്ന്.

ചിത്രങ്ങൾ ഉപയോഗിച്ച് ഏതെങ്കിലും രൂപത്തിൽ ഫീൽഡ് ഘടകം കഴിയും, എന്നാൽ അവനെ ചുറ്റും എപ്പോഴും ഒരു ദീർഘചതുരം ഉണ്ടാകും. അത് ശരിയായി കണക്കിലെടുക്കുന്നില്ല പ്രധാനമാണ് ഒരു വസ്തുതയാണ്.

നിങ്ങൾ ഒരു പാത തിരഞ്ഞെടുത്ത ആകൃതിയിൽ ടെക്സ്റ്റ് സാധിക്കും, എന്നാൽ അങ്ങനെ ചെയ്യാത്ത പക്ഷം, ഉള്ളടക്കം ചതുരാകൃതിയിലുള്ള ബോക്സിൽ ഏതെങ്കിലും മൂലകം, തുടർച്ചയായി, ഇൻപുട്ട് രസീത് ലഭിക്കുന്നു.

ആരുടെ പശ്ചാത്തല-വർണ്ണ മൂല്യം സുതാര്യമായ (സുതാര്യത ഒരു തരം) ആണ്, ഏതെങ്കിലും സർക്യൂട്ട് ഘടകം അനുകരിക്കാൻ കഴിയും ഘടകങ്ങളിൽ പ്രോപ്പർട്ടികൾ സി.എസ്.എസ് ഇസഡ് സൂചിക ഉപയോഗിക്കുക. റിയാലിറ്റി ഘടകങ്ങളിൽ ഏതെങ്കിലും സാഹചര്യത്തിൽ സൗമനസ്യവും ചതുരാകൃതിയിലുള്ള ആണ്.

സംഭവവികാസങ്ങളും കാണാവുന്ന ഘടകങ്ങൾ

എവിടെ മൂലകം മറ്റൊരു ഘടകം തടയപ്പെടുന്നു സ്ഥലങ്ങളിൽ, ഇവന്റുകൾ അത് പ്രവർത്തിക്കില്ല. ഒരു പൊതുതത്വം എന്ന നിലയിൽ, ഇനം കാഴ്ച നിന്നു എങ്കിൽ, അവൻ ലഭ്യത മേഖല ആണ്.

ഒരു ഡവലപ്പർ ബട്ടൺ അല്ലെങ്കിൽ മെനു ഇനം ലോക്ക് ആഗ്രഹിക്കുന്നു എങ്കിൽ, അത് നന്നായി ലോക്കിംഗ് ടാഗ് മേൽ മറ്റൊരു ടാഗ്, ഒരുപക്ഷേ ഒരു സുതാര്യമായ (ഉദാ, സി.എസ്.എസ് അതാര്യതയിലോ ഭരണം ഉപയോഗിച്ച്), ഏതായാലും, ഉയർന്ന സി.എസ്.എസ് ഇസഡ് ഇല്ലാത്തവരാണ് സ്ഥാപിക്കാം എന്നത്.

ഇവന്റ് മുതൽ, കാഴ്ച എന്ന ഉപയോക്തൃ ബിന്ദു, അവസാന പ്രസക്തമായ തിരിച്ചിരിക്കുന്നു ഏതെങ്കിലും ഇല്ല കഴിയും (മൗസ് നീക്കിയാൽ, കീബോർഡിലെ റാൻഡം ബട്ടണുകൾ അമർത്തിയാൽ, ടൈമർ സിഗ്നൽ) വേണ്ടത്ര ബ്രൗസർ വിൻഡോയിൽ ഉള്ളടക്കം മാറ്റാൻ ഉപയോഗിക്കാൻ കഴിയും.

ഒരു ലളിതമായ ഉദാഹരണം: ഒരു സന്ദർശകൻ നീക്കി മൌസ് പോയിന്റർ മെനു ഇനത്തിൽ ഇതുവരെ എന്തെങ്കിലും ചെയ്യാൻ തീരുമാനിച്ചു ചെയ്തിട്ടില്ല. ഡെവലപ്പർ ആവശ്യമുള്ള പോയിന്റ് ചർച്ചകളും ചലനം ട്രാക്ക് ഒരു ഇവന്റ് നൽകുക (ക്ലിക്ക് - സന്ദർശകരുടെ തീരുമാനിക്കുന്നത്) കഴിഞ്ഞില്ല ഒരു മതിയായ ഉള്ളടക്കവും പ്രദർശിപ്പിക്കും. റൂൾ സി.എസ്.എസ് ഇസഡ് സൂചിക ചടങ്ങിൽ ഏറ്റവും അനുയോജ്യമായത്.

ചിത്രം ഫോർമാറ്റ്

ഇമേജുകൾ സൈറ്റ് ഒരു പ്രധാന ഘടകങ്ങൾ തിനാൽ (സൗന്ദര്യം, ആധുനികത, പ്രവർത്തനം - കാര്യങ്ങൾ സാധാരണ ഇന്നൊരു), അത് ചിത്രത്തിന്റെ ഫോർമാറ്റ് ചോയ്സുകൾക്കായുള്ള പ്രാധാന്യമുണ്ട്.

വഴി വലിയ, നിലവിലുള്ള ഫോർമാറ്റുകൾ എല്ലാ വൈവിധ്യമാർന്ന ഉപയോഗിക്കാം, എന്നാൽ പ്രായോഗികതയാണ് ആൻഡ് ഫലപ്രാപ്തി കണക്കിലെടുത്ത് * കൂട്ടുകെട്ടാണ് സ്റ്റാറ്റിക് ചിത്രങ്ങളും * .gif വേണ്ടി .png വളരെ ന്യായമായ ആണ് - അനിമേറ്റഡ് ചിത്രങ്ങൾ. ജനപ്രിയ * .jpg നന്മ, എന്നാൽ വഴക്കം ഡിസ്പ്ലേ സ്ഥലം കൈകാര്യം അനുവദിക്കുന്നില്ല.

ബ്രൗസർ പിശകുകളും ഡെവലപ്പർ

അല്ല അങ്ങനെ പലപ്പോഴും കേസ്, സിഎസ്എസ് ഇസഡ് സൂചിക പ്രവർത്തിക്കുന്നില്ല സന്ദർഭം, സംഭവിക്കുന്നു. നിര്ഝരിതസംരക്ഷണത്തിനു ശൈലി ഷീറ്റുകളുടെ നിബന്ധനകൾ എല്ലായ്പ്പോഴും പ്രവർത്തിക്കും, ശൈലിയും ഫയലിന്റെ വോളിയം പലപ്പോഴും പ്രധാനപ്പെട്ട ഭാരമേ എത്താൻ. എന്തെങ്കിലും പ്രദർശിപ്പിക്കുമ്പോൾ അല്ല, അല്ലെങ്കിൽ ആയിരിക്കണം എന്തു ഇല്ല, ആദ്യം, നിങ്ങളുടെ സ്വന്തം കോഡ് പരിശോധിക്കുക വേണം നിങ്ങളുടെ ബ്രൗസർ കാഷെ മായ്ച്ച് വീണ്ടും നിങ്ങളുടെ സ്വന്തം കോഡ് പരിശോധിക്കാൻ.

HTML, CSS വ്യാഖ്യാനത്തിൽ ബ്രൗസർ ഏകദേശം പിഴവുകൾ എന്നതിന്റെ - ഇത് ഒരു അനുശാസിക്കുന്നത് ആണ്. ആഗ്രഹിച്ച ഇനം അല്ല, ഡിസൈൻ, ശേഷം ഇല്ലെങ്കിൽ സിഎസ്എസ് {സ്ഥാനം: കേവല; ഇസഡ് സൂചിക: 112233; വിട്ടു: 10px; മുകളിൽ: 20px; } ... എന്തെങ്കിലും നഷ്ടമായിരിക്കുന്നു അല്ലെങ്കിൽ രേഖപ്പെടുത്തിയിട്ടില്ല.

ഏറ്റവും സാധാരണമായ തെറ്റ് - തെറ്റായ കാണിച്ചത് ഘടകം ഒരു പരിപൂർണമായ അല്ലെങ്കിൽ ബന്ധപ്പെട്ട സ്ഥാനം അതിന്റെ ദൃശ്യപരത ഒരു പരാമർശം കാണുന്നില്ല. ചിലപ്പോൾ അത് ഘടകത്തിലെ നേരിട്ട് ശൈലി വ്യക്തമാക്കാൻ ജോലി അവന്റെ രീതിയിൽ അല്ല കഴിയും. പിന്നീട്, അത് ഒരു വഴി, എന്നാൽ പ്രധാനമായും കോഡിൽ പിശക് ചില സംസാരിക്കുന്നത്.

സ്റ്റൈൽ ക്ലാസ് അല്ലെങ്കിൽ ഐഡി രീതിയിൽ ആയിരിക്കണം. അസാധാരണമായ കേസുകളിൽ മാത്രമേ വേണം ഘടകത്തിലെ ചൂണ്ടുന്ന ശൈലി.

ജ്കുഎര്യ്.ച്ഷ് (Z-സൂചിക 123) ഉപയോഗിക്കുന്നതും ക്ലാസ് അല്ലെങ്കിൽ ഐഡന്റിഫയർ പ്രയോഗിച്ചിട്ടില്ല എങ്കിൽ, ഒരു പിശക് നയിച്ചേക്കാം. കൂടാതെ, വിക്കി - തികച്ചും ശ്രദ്ധേയമായ വികസന ഉപകരണം. എന്നിരുന്നാലും, പുരട്ടുക മുമ്പ്, ചിന്തിക്കാൻ ഉപദ്രവിക്കില്ല: അതു ഇംപ്രൊവിസെദ് കൂടെ ദാനം സാധ്യമാണ് എച്ച്ടിഎംഎൽ / സി.എസ്.എസ്, ഇസഡ് സൂചിക എന്നാണ് - ഉടൻ ശ്രദ്ധ ആവശ്യമില്ലാത്ത ഒരു ഭരണം അല്ല.

ലോജിക്കൽ പാളികൾ ശരിയായ ചലനം, ഒപ്പം

തികഞ്ഞ പേജ് - ഫ്ലാറ്റ്. ഏതായാലും, ഇതുവരെ ഒരു വലിയ അളവിൽ യഥാർത്ഥ ത്രിമാന ചിത്രം മുമ്പിൽ ഈ പ്രത്യേക ആവശ്യം. ആധുനിക വെബ്സൈറ്റുകൾ - ഒരു യഥാർത്ഥ അനുഭവം, യഥാർത്ഥ ജോലികൾ ആണ്. അവർ നന്നായി ജോലി ഒരു ഫ്ലാറ്റ് ത്രിമാന ചിത്രം കാണിക്കേണ്ടതുണ്ട്.

വഴി, പ്രതിഭാസം വഴി ലാൻഡിംഗ് പേജ് നല്ല പ്രായോഗികവുമായ - ഫ്ലാറ്റ് ചതുരാകൃതിയിലുള്ള ആകൃതിയും വരണ്ട, എന്നാൽ വളരെ കൃത്യമായ ഉള്ളടക്കം മികച്ച തെളിവ് - ഓപ്ഷനുകൾ രൂപത്തിൽ (ലാൻഡിംഗ് പേജ്) "സൈറ്റ് കെട്ടിടം". കമ്പനിയുടെ മുഖം, അതിന്റെ പ്രവർത്തനം ശക്തിയും ഉത്പാദനം - എന്നാൽ കുത്തക കമ്പനികളുടെ സൈറ്റുകൾ പ്രധാന കാര്യം പറ്റും എന്ന് കുറിക്കുകയും ചെയ്യണം. അത് ചെറിയ ബിസിനസുകൾ നേരിടുന്ന, സാധനങ്ങൾ, ഹെർബൽലൈഫ് മറ്റ് തുടർന്ന് - ഇൻഫർമേഷൻ ടെക്നോളജി നരിയംപാറ ലാൻഡിംഗ് പേജുകൾ തോന്നി "ആഭരണം."

പോലെ അല്ല, വാസ്തവത്തിൽ ശരിയായ ൽ, ഭാവി കാണിക്കും. ഇത് മാത്രമല്ല ഒരു വെബ്സൈറ്റ് പണിതു ഏതെങ്കിലും വേരിയന്റ് അവരെ തമ്മിൽ ശരിയായ പ്രസ്ഥാനം ഉറപ്പാക്കാൻ പാളികൾ ഉള്ളടക്കം പെയിന്റ് ചെയ്യുന്നതിന്, മാത്രമല്ല ഉചിതമെന്ന് തോന്നുന്ന പ്രധാനമാണ്.

ഉത്തമം പരിഹാരം - അജാക്സ് (ആവശ്യത്തിനനുസരിച്ച് പേജ് അപ്ഡേറ്റ് ആണ്). ഇതിലും കൂടുതൽ ഉൾനാടൻ പരിഹാരം, പേജ് ബ്രൗസർ വിൻഡോ ഈ അവസരത്തിൽ അത്യാവശ്യമാണ് കാണിക്കുന്നു വരുമ്പോൾ.

വാസ്തവത്തിൽ, ഇസഡ് സൂചിക - ഈ ലളിതമായ നിയമം സി.എസ്.എസ്. അതിന്റെ ഉദ്ദേശ്യം - അതുവഴി ബ്രൗസർ ഈ ഘടകത്തിന്റെ ഭാഗം ദൃശ്യമാകും എപ്പോൾ ഡിസ്പ്ലേ ഘടകം ഏത് നിർണ്ണയിക്കാൻ കഴിയും ടാഗ് നില കാണിക്കാൻ. പാളി പേജ് - വളരെ ബന്ധു ചിന്തയാണ്, അത് പേജ് രൂപകൽപ്പന വ്യത്യസ്ത ഉള്ളടക്കം ഡിസ്പ്ലേ വേണ്ടി റൂൾ ഇസഡ് സൂചിക അർത്ഥം മനസ്സിൽ സൂക്ഷിക്കാൻ പ്രശ്നമാണ് കാരണം.

സാധാരണഗതിയിൽ, ഒരു ഡെവലപ്പർ ഒരു പ്രിയപ്പെട്ട നമ്പർ തെരഞ്ഞെടുക്കുന്നു, ഒരു വരിയുടെ എല്ലാ ടാഗുകളും അത് നൽകുന്നു ഞങ്ങൾ തരത്തിൽ വേറിട്ടു വസ്തുത, അടുത്ത നംബർ നൽകുന്നു. പേജുകൾ ലെയറുകളും നിലയിലേക്ക് പ്രാധാന്യം - പ്രത്യേകിച്ച് പുരോഗമന ഉൾനാടൻ രീതികൾ അല്ല.

എന്നാൽ, സന്ദർശകരുടെ ഒരു ഡയലോഗ് നീങ്ങുക സെമാന്റിക്കുകൾക്കും ഇസഡ് സൂചിക എങ്കിൽ, കഴിയും ഒരു പ്രായോഗിക പ്രഭാവം സൃഷ്ടിക്കാൻ ആണ്. ടാഗുകൾ പരസ്പരം സ്വഭവാമുള്ളതോ എങ്ങനെ സമാനമായി, ഒരു സംഭാഷണം (സൈറ്റ് സന്ദർശകനെ) നൽകാനുള്ള അവരെ തമ്മിലുള്ള ചലനം നടത്താൻ സാധ്യമാണ്. ഈ കാഴ്ചപ്പാടിൽ, സിഎസ്എസ് ഇസഡ് സൂചിക നിയമങ്ങൾ അപേക്ഷ വളരെ സാദ്ധ്യമായ പ്രായോഗികവുമായ തോന്നുന്നു.