കമ്പ്യൂട്ടറുകൾ, പ്രോഗ്രാമിംഗ്
സി.എസ്.എസ്, കപട, കപട: ഹോവർ, കുട്ടി, ലക്ഷ്യം
HTML, CSS നടത്തുന്നതിലൂടെ, പഴയത് വെബ് പേജുകൾ എല്ലാ ഘടകങ്ങളും നിയന്ത്രിക്കാൻ കഴിയും. സ്റ്റൈലുകളിൽ എളുപ്പത്തിൽ ബ്ലോക്ക് ലൈൻ രൂപം മാറ്റാം. പലപ്പോഴും കോഡറും കൂടുതൽ സങ്കീർണ്ണമായ ടാസ്ക് നടത്തേണ്ടതുണ്ട് - ഘടകം തന്നെ രൂപം ഒരു പ്രത്യേക ഭാഗം അല്ലെങ്കിൽ ഒരു പ്രത്യേക സംസ്ഥാനം എന്ന നിലയിൽ മാറ്റാൻ. ഈ സാഹചര്യത്തിൽ, കപട സിഎസ്എസ് സഹായത്തിന്.
കോഡിങ്ങിലും സാധാരണ ക്ലാസുകൾ അതേ തത്വത്തെ കപട-ഓപ്പറേറ്റ് എന്നാൽ ശാരീരികമായി അവർ ഇവിടെ സാന്നിധ്യമില്ലാത്തപ്പോൾ. അവർ സാധാരണ സെലക്ടർ തിരഞ്ഞെടുക്കുക കാണും പ്രമാണ വിവരം, ഉൾപ്പെടുത്തിയിട്ടില്ല മൂലകങ്ങളുടെ അടിസ്ഥാനത്തിൽ തിരഞ്ഞെടുക്കുന്നതാണ്. ഇവിടെ ഒരു ലളിതമായ ഉദാഹരണം: നിങ്ങൾ ഒരു ചുവന്ന ബട്ടൺ ഉണ്ട്, നിങ്ങൾ അതിലൂടെ പോകുന്ന സമയത്ത് അത് നീല ആയി നിങ്ങൾ ആഗ്രഹിക്കുന്ന. സൈദ്ധാന്തികമായി, ജാവാസ്ക്രിപ്റ്റ് നടപ്പാക്കുക കഴിയും, എന്നാൽ അത് ബുദ്ധിമുട്ടാണ്? വളരെ കൂടുതൽ സൗകര്യപ്രദമായ ഉപയോഗിക്കാൻ : ഹോവർ സി.എസ്.എസ്. അതിന്റെ സഹായത്തോടെ എന്തെങ്കിലും യൂണിറ്റ് സമയത്ത് മാത്രമേ മൗസ് കഴ്സർ ട്രിഗർചെയ്യപ്പെടില്ല പാരാമീറ്ററുകൾ നൽകാൻ കഴിയും.
സി.എസ്.എസ് കപട ക്ലാസുകൾ പട്ടിക പതിവായി അപ്ഡേറ്റ് ചെയ്യുന്നു. ഒരുപക്ഷേ, ഈ വസ്തു, നിരവധി പുതിയ ദൃശ്യമാകുന്ന വായിക്കുകയാണ്. ആരംഭിക്കുന്നതിന്, സിഎസ്എസ് 3 നിർദ്ദേശത്തിൽ പ്രത്യക്ഷനായി പ്രിയപ്പെട്ടവ പരിഗണിക്കുക.
: N- ലെ-ഓഫ്-തരം
വീണ്ടും ചുവന്ന മൂന്നാം, നീല വീണ്ടും നാലാം, .. ബ്ലൂ -, അതായത്, ആദ്യ വരി ഉദാഹരണത്തിന്, ചുവന്ന അക്ഷരങ്ങളിൽ എഴുതിയ,, രണ്ടാമത്തെ നിങ്ങൾ നിറങ്ങൾ പ്രത്യനുധാര ഉപയോഗിക്കേണ്ട ഒരു ലിസ്റ്റ് ഉണ്ടെന്ന് കരുതുക. മുമ്പ്, നിങ്ങൾ പുതിയ ക്ലാസുകൾ സൃഷ്ടിക്കാൻ ഉണ്ടായിരുന്നു. കഴിഞ്ഞ ഒരു ലേഔട്ട് ഒരു ക്ലാസ് ലിസ്റ്റ് ഓരോ മൂലകം ചേർത്തു, തുടർന്ന് സ്റ്റൈൽഷീറ്റ് ഉള്ള അവരുടെ മാറ്റി. ഇത് വളരെ സൗകര്യപ്രദവും ലേഔട്ട് മലിനീകരണം ആയിരുന്നില്ല.
ഇപ്പോൾ എല്ലാം എളുപ്പം. സി.എസ്.എസ് കപട-ക്ലാസ് ഉപയോഗിക്കുക: .അതെ-ഓഫ്-തരം. ഈ മാർക്കപ്പ് ഒന്നും മാറ്റാതെ തന്നെ, ആവശ്യമുള്ള ദൃശ്യ പ്രതീതി ലഭിക്കാൻ അവസരം തരും. തത്വത്തിൽ ലളിതമാണ്: നിങ്ങൾ ഒരു സെലക്ടർ നൽകുക, പേര് ആവശ്യമാണ് ഘടകങ്ങൾ കണ്ടെത്തും ഒരു ഫോർമുല അല്ലെങ്കിൽ ഒരു കീവേഡ് എഴുതുക ബ്രാക്കറ്റിനുള്ളില് ശേഷം. - ഒറ്റയായി .അതെ-ഓഫ്-തരം (ഒറ്റയായി): ഉദാഹരണത്തിന് ,: .അതെ-ഓഫ്-തരം (പോലും) എല്ലാം ഘടകങ്ങളും ചെയ്യും എന്നിവ. സൂത്രവാക്യങ്ങൾ ഒരു വലിയ എണ്ണം കൃത്യമായി നിയന്ത്രിക്കാൻ ഉപയോഗിക്കുന്ന ഉണ്ട്. ബ്രാക്കറ്റുകൾ സാധ്യമായ എണ്ണം സൂചിപ്പിക്കുന്നു - ഈ കേസിൽ ശൈലികൾ ആരുടെ സൂചിക ഈ നമ്പറിലേക്ക് തുല്യമാണ് ഘടകം പ്രയോഗിക്കാവുന്ന തരത്തിലുള്ള.
: N- ലെ-കുട്ടി
ഈ സി.എസ്.എസ് നടപടി തത്വത്തെ കപട-ക്ലാസ് കഴിഞ്ഞ ഒരു സമാന എന്നാൽ തിരഞ്ഞെടുത്ത ഇനങ്ങളുടെ കുട്ടികളുമായി മാത്രം പ്രവർത്തിക്കുന്നു വ്യത്യസ്തമായി. ഉദാഹരണത്തിന്, നിങ്ങൾ ലിസ്റ്റിൽ
ഫോർമുല കൃത്യമായ നിയന്ത്രണം ഉപയോഗിക്കാൻ കഴിയും. അവർ ഒരു തുടക്കക്കാർക്കുള്ള പ്രയാസമാണ്, എന്നാൽ അത് എങ്ങനെ എല്ലാം എളുപ്പം മാറുന്നു സിന്റാക്സ് ഒരു ചെറിയ ആഴത്തിലുള്ള രൂപയുടെ. താഴെ പറയുന്നു സമവാക്യങ്ങൾ ആകുന്നു: ഒരു ഒരു + b, - ഓഫ്സെറ്റ് -, b ഒരു ഘടകമാണ്. ഉദാഹരണത്തിന്, പരാന്തിസിസ് അടയാളപ്പെടുത്തുന്നത് എങ്കിൽ N, ഘടകങ്ങൾ (അത് എ, ബി രൂപത്തിൽ അധിക നിബന്ധനകൾ വ്യക്തമാക്കിയിട്ടില്ല കാരണം) കപട-തെരഞ്ഞെടുക്കുന്നു. നിങ്ങൾ n + 2 വ്യക്തമാക്കിയില്ലെങ്കിൽ ആദ്യം (ഓഫ്സെറ്റ് രണ്ട് തുല്യമാണ് കാരണം) ഒഴികെ എല്ലാ ഘടകങ്ങളും തിരഞ്ഞെടുക്കും. എല്ലാ മികച്ച, പ്രായോഗികമായി പഠിക്കാൻ ഈ സമയം. കുട്ടി ഘടകങ്ങൾ വ്യത്യസ്ത സൂത്രവാക്യങ്ങൾ പരീക്ഷണം.
: കഴിഞ്ഞ-കുട്ടി
എല്ലാം ലളിതമാണ്. സി.എസ്.എസ് കുട്ടി കപട-ക്ലാസുകൾ ഒരു പ്രത്യേക ഇനം തിരഞ്ഞെടുക്കാൻ ഉപയോഗിക്കുന്നു. പാരന്റ് ഘടകം അവസാന കുട്ടി തിരഞ്ഞെടുക്കുന്നത്. പലപ്പോഴും അടുത്ത വരിയിൽ അതിന്റെ ട്രാൻസ്ഫർ ഒഴിവാക്കാൻ പട്ടികയുടെ അവസാന വരി തിരഞ്ഞെടുക്കുക അല്ലെങ്കിൽ കഴിഞ്ഞ തടയൽ നിന്ന് തിരിച്ചറിയൽ നീക്കം, ഉദാഹരണത്തിന്, ഉപയോഗിക്കുന്നു.
: N- ലെ-അവസാന-കുട്ടി
പ്രവർത്തനം തത്വത്തിലാണ് ഘടകങ്ങൾ ഉപയോഗിച്ച് മേലോട്ടു നീങ്ങും എപ്പോഴാണ് മുമ്പ് പരാമർശിച്ചു .അതെ-കുട്ടി സമാനമാണ്, എന്നാൽ എതിർ ദിശയിൽ, അതായത് പ്രവർത്തിക്കുന്നു. ഇ. കഴിഞ്ഞ കുറച്ചു ഇനങ്ങൾ കണ്ടെത്താൻ ആവശ്യമെങ്കിൽ ഈ ഉപയോഗപ്പെടുന്നു.
കാര്യങ്ങൾ പരമ്പരാഗത വർഗങ്ങളുടെ നന്നായി കഴിയും വരെ നിങ്ങൾക്ക് ഈ കപട-ക്ലാസ്സുകളും കപട-ഘടകങ്ങൾ വിലപ്പോവില്ല CSS കരുതിയേക്കും. ഇത് ശരിയല്ല. : .അതെ-കുട്ടി ,: ംഥ്- അവസാന കുട്ടി - ഉദാഹരണത്തിന്, ബ്ലോക്ക് കുട്ടികളുടെ ഒരു വലിയ എണ്ണം ഉണ്ട് സാഹചര്യങ്ങളിൽ അവരുടെ അനലൊഗ്സ് വലിയ പദ്ധതികൾ ജോലിചെയ്യുമ്പോൾ വളരെ സൗകര്യപ്രദമായ ആകുന്നു. സ്വയം സുദീർഘമായി ക്ലാസുകൾ ക്രമീകരണമാണ്.
സ്യൂഡോ-സംസ്ഥാന നിയന്ത്രണം
നിങ്ങൾ ഒരു പ്രത്യേക സംസ്ഥാനത്തെ ഒരു മൂലകം രൂപം മാറ്റണമെങ്കിൽ? ഈ കേസ് സി.എസ്.എസ് കപട-ക്ലിക്കുകൾ പോയിന്റിങ്ങ് മറ്റ് പ്രവർത്തനങ്ങൾ നൽകുന്നു. ഞങ്ങളെ വിശദമായി അവരെ പരിശോധിക്കാം.
: ലിങ്ക്
ഈ കപട സി.എസ്.എസ് പരാമർശങ്ങൾ, എല്ലാ, മാത്രമേ ഇതുവരെ സന്ദർശിച്ചിട്ടില്ല എന്നു. അതിൽ നിങ്ങൾ ഉപയോക്താവ് ഇതുവരെ പൂര്ത്തിങയാക്കിയിട്ടില്ലങ്കില് ഏത് ഘടകങ്ങൾ, വേണ്ടി ശൈലികൾ വ്യക്തമാക്കാൻ കഴിയും.
: സന്ദർശിച്ചു
മാത്രം നിയന്ത്രണങ്ങൾ ഇതിനകം കണ്ണികൾ സന്ദർശിച്ചു കഴിഞ്ഞ .ആന്ഡ് ഒരു അനലോഗ്. ഈ രണ്ടു കപട-ക്ലാസുകൾ ഉള്ള, നിങ്ങൾക്ക് ആവശ്യമായ കൃത്യമായി ഞെക്കൂ രൂപഭാവം ഇഷ്ടാനുസൃതമാക്കുക കഴിയും. എന്നാൽ സംസ്ഥാനങ്ങൾ പ്രത്യേക ബ്രൗസറുകൾക്കായി കണക്കാക്കി ചികിത്സ ചരിത്രം ശേഷം ഡിസ്ചാർജ് എന്ന്, ശ്രദ്ധിക്കുക.
കപട-ക്ലാസ്: ലക്ഷ്യം സി.എസ്.എസ്
പരിധിവരെ ഉപയോഗിക്കാറില്ല ഏറ്റവും രസകരമായ കപട-ക്ലാസുകൾ, ഒരു ജാവാസ്ക്രിപ്റ്റ് ഉപയോഗം മാറ്റിസ്ഥാപിക്കുന്നു. ഇത് ഐഡന്റിഫയർ പേജിന്റെ വരി വിലാസം ഉൾപ്പെടുത്തിയിട്ടുണ്ട് മനോനില സജ്ജമാക്കുന്നു. അതെ, ആദ്യമായി അത് മനസ്സിലാക്കാൻ വളരെ പ്രയാസമാണ്. ഉദാഹരണത്തിന് പാഴ്സ് ശ്രമിക്കുക.
ഇദ്൧, ID2, ഇദ്൩: ഞങ്ങൾ ചില ഐഡി ഉപയോഗിച്ച് പേജ് 3 ബ്ലോക്കുകൾ കളരി ന് ഉണ്ട് പറയട്ടെ. # ഇദ്൧, # ID2,: ഞങ്ങൾ പ്രജോദനത്തെ അതനുസരിച്ചു് മൂന്ന് ലിങ്കുകൾ # ഇദ്൩. ഇതേ ഐഡി ലിങ്ക് പേജ് തന്നെ ആയിരിക്കും ശേഷം പേജിന്റെ വരി വിലാസം ആദ്യ ലിങ്കിൽ ക്ലിക്ക് ചെയ്യുമ്പോൾ.
എല്ലാ ബ്ലോക്കുകൾക്കുള്ള സിഎസ്എസ് വ്യക്തമാക്കിയ പ്രോപ്പർട്ടി ഡിസ്പ്ലേ DIV: ആരും, അതായത്, അവ സ്ഥിരമായി കാണിക്കുന്നില്ല. നാം ലക്ഷ്യം ഉപയോഗിക്കുന്നു: കളരി അതു ഒരു പ്രോപ്പർട്ടി ഡിസ്പ്ലേ തരും: ബ്ലോക്ക്. ഇപ്പോൾ, നിങ്ങൾ ചില പ്രജോദനത്തെ കൊണ്ട് ലിങ്കുകളിൽ ക്ലിക്ക് ചെയ്യുമ്പോൾ, ഇതേ ഐഡി ഉപയോഗിച്ച് ബ്ലോക്കുകൾ ഡിസ്പ്ലേ നിയോഗിച്ചിട്ടുള്ള ചെയ്യും: ബ്ലോക്ക്, അതിനാൽ അവർ പേജിൽ ദൃശ്യമാകാൻ ആരംഭിക്കും! നിങ്ങൾ = http: href ലിങ്ക് ക്ലിക്ക് ചെയ്യുമ്പോൾ: // സൈറ്റ് / ലേഖനം / 319683 /% E2% 80% ൯ദ് # ഇദ്൧% E2% 80% ൯ദ് അങ്ങനെ ഇദ്൧ കൂടെ block, ചെയ്യും ..
ഇപ്പോഴും മനസ്സിലായില്ല? പരീക്ഷണങ്ങൾ ശ്രമിക്കുക. മുകളിൽ വിവരിച്ച ഒരു പേജ് ലേഔട്ട് ശൈലികളും സൃഷ്ടിക്കുക. ഏതാനും മിനിറ്റ് കഴിഞ്ഞ് നിങ്ങൾ ഒരു വലിയ ചിത്രം എല്ലാം കഴിഞ്ഞു.
ഏതൊരംഗത്തെയും പ്രയോഗിക്കാൻ കഴിയുന്ന കപട
ജോലി ആവശ്യമായ മുകളിൽ-വിവരിച്ച കപട കണ്ണികൾ ഭൂരിഭാഗവും. എന്നാൽ, എല്ലാ ഘടകങ്ങൾക്കും ആവശ്യമില്ല. പല .ആദ്യ പൂർണ്ണമായും പേജിൻറെ ഏത് ഭാഗം പ്രയോഗിക്കാൻ കഴിയൂ.
- : സജീവ ശൈലിയിലാക്കാനാകും ഉപയോക്താവിനെ മൗസിന്റെ ക്ലിക്കുകൾ ചെയ്ത ഘടകങ്ങൾ ഉപയോഗിക്കുന്നു;
- : ഹോവർ - ഉപയോക്താവ് മുകളിലൂടെ സഞ്ചരിക്കുമ്പോൾ ഏത് ഘടകങ്ങൾക്കും സിഎസ്എസ്;
- : ഫോക്കസ് - ഫോക്കസ് ഇപ്പോൾ പേജിന്റെ ആ ഭാഗങ്ങൾ, വേണ്ടി. ഈ കപട-ക്ലാസ് പലപ്പോഴും ഫോമുകൾ പ്രവർത്തിക്കാൻ ഉപയോഗിക്കുന്നു. ഉദാഹരണത്തിന്, സന്ദർശകൻ അത് മേൽ കഴ്സർ സജ്ജീകരിക്കുന്നു, അക്ഷരങ്ങൾ ഡയൽ ആരംഭിക്കുമ്പോൾ, നിങ്ങൾ ഉപയോക്തൃ നാമം ആവശ്യപ്പെടുക തിരഞ്ഞെടുക്കുക ആഗ്രഹിക്കുന്നുവെങ്കിൽ.
അമർത്തി സമയത്ത് സജീവ മാത്രം സാധുവായ: ഓർക്കുക. ഉടനെ ഇടത് മൗസ് ബട്ടൺ അവസാനിപ്പിച്ചാലും ശൈലികൾ സഹായത്തോടെ സജ്ജമാക്കിക്കഴിഞ്ഞാൽ അപ്രത്യക്ഷമാകുകയും പോലെ സ്ഥിരമായി പ്രദർശിപ്പിച്ചിരിക്കുന്നു ഇനം പ്രദർശിപ്പിക്കും. മിക്കപ്പോഴും, ഈ കപട-ക്ലാസ് ബട്ടണുകൾ ജോലി ഉപയോഗിക്കുന്നു. നിങ്ങൾ സംസ്ഥാനങ്ങളിൽ ഒരു വലിയ നമ്പറിലേക്ക് അവർക്ക് കഴിയും. പച്ച, അമർത്തി - - ഉദാഹരണത്തിന്, സഹജമായ ബട്ടൺ, നീല ഹോവർ ആണ് ചുവന്ന തുടങ്ങിയവ ...
ഗതി, മാത്രം കപട-ക്ലാസുകൾ പൂർണ്ണമായി ആധുനിക ബ്രൌസറുകൾ പിന്തുണയ്ക്കുന്നു. ഉദാഹരണത്തിന്, ഐ.ഇ .6 ഉം 7 ഫോക്കസ്, മാത്രം IE6 ൽ ആധാരം പണിക്ക് ഹോവർ ചെയ്ത് സജീവമായി ഉപയോഗിക്കാൻ കഴിയില്ല. ഭാഗ്യവശാൽ ഈ ബ്രൗസറുകളിൽ പ്രവർത്തിക്കാൻ ഇല്ല, എന്നാൽ ഇപ്പോഴും, എഴുന്നേറ്റു ആവശ്യമെങ്കിൽ സോപാധിക അഭിപ്രായങ്ങൾ ഉപയോഗിക്കും.
അധിക കപട
പട്ടികയിൽ മുകളിൽ നൽകിയിരിക്കുന്ന ഓപ്ഷനുകളിൽ അവിടെ തടയുന്നില്ല. മാത്രം ഉൾപ്പെടുത്തിയിട്ടുണ്ട് ഘടകങ്ങൾ ആധുനിക സിഎസ്എസ് നന്ദി വീണ്ടെടുത്തു കഴിയും (: പ്രവർത്തനക്ഷമമാക്കി) മാത്രം മുറിച്ച് (: പ്രവർത്തനരഹിതമാക്കി) (: പരിശോധിച്ച), മാത്രം അടയാളപ്പെടുത്തി ചെക്ക്ബോക്സ് റേഡിയോ മാറുന്നു. പുറകുവശം നിങ്ങൾ ഒരു സമഗ്രമായ നിയന്ത്രണത്തിനായി ഉള്ളടക്കം രൂപം ഉപയോഗിക്കാൻ കഴിയുന്ന കുറച്ച് കൂടുതൽ ഓപ്ഷനുകൾ വിവരിക്കുക.
- : മാത്രം-കുട്ടി - മാത്രമാണ് കുട്ടി മൂലകമാണ് മൂലകം ശൈലി പ്രയോഗിക്കുക സാധ്യമാണ് ഏഹ്;
- : Lang - ലാങ് ആട്രിബ്യൂട്ട് ഉപയോഗിച്ച് ഭാഷ നൽകിയിരിക്കുന്നു എന്ന് ഘടകങ്ങൾ പ്രവർത്തിക്കാൻ;
- : റൂട്ട് - റൂട്ട് ഘടകം തിരഞ്ഞെടുക്കുന്നതിനായി ഉപയോഗിച്ച. അതിൻപ്രകാരം, അത്തരം ഒരു HTML ടാഗ് ആണ്;
- : അല്ല - ഒരു വളരെ ശക്തമായ ഉപകരണം. ഇത് നിങ്ങൾ സെലക്ടർമാർ ചില ശൈലികൾ ഉപയോഗം പരിമിതപ്പെടുത്താൻ അനുവദിക്കുന്നു. യാചനയോ-നിറം: അല്ല (ചാൺ ഒരു ഉദാഹരണം ഇതാ ). അഥവാ അങ്ങനെയല്ലെങ്കിൽ ക്ലാസ് നീല-നിറം എല്ലാ ഘടകങ്ങളും ഒരു ശൈലി പ്രയോഗിക്കുക ഒരു സെലക്ടർ.
സ്യൂഡോ-ക്ലാസുകൾ പൂർണ്ണ പട്ടിക ഒരു പേജിൽ നീട്ടി കഴിയില്ല. മിക്ക വെബ് ഡിസൈനർമാർ പ്രായോഗികമായി, ജാവാസ്ക്രിപ്റ്റ് കൂടെ അവസ്ഥ നിയന്ത്രിക്കാൻ മുൻതൂക്കം, അവരിൽ ചിലർ മാത്രം ഉപയോഗിക്കുക. അതെ, ഉള്ളിടത്തോളം, എന്നാൽ എവിടെ കൂടുതൽ ഫലപ്രദമായ ഫലങ്ങൾ എളുപ്പത്തിൽ നേടി ചെയ്യും ചില നിമിഷങ്ങളിൽ ഉചിതമായ കപട ഉപയോഗിച്ച് ഉണ്ട്.
Similar articles
Trending Now