ഒരു ഡ്രോപ്പ്-ഡൌൺ സി.എസ്.എസ് മെനുകൾ എങ്ങനെ

നിര്ദ്ദേശം

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

• ഞങ്ങളുടെ മെനു ലേഔട്ട് സൃഷ്ടിക്കുക. ഈ, എച്ച്ടിഎംഎൽ-കോഡ് ലേബലിംഗ് ചെയ്യാൻ.
  • • <: ഒരു നെസ്റ്റുചെയ്ത പട്ടിക സൃഷ്ടിക്കുക / ഉൾ>. ഇങ്ങനെ എന്തോ നിങ്ങളുടെ ഡ്രോപ്പ്-ഡൗൺ മെനുവിൽ പോലെ ആയിരിക്കണം. പിന്നീട് ഇടപെടാൻ സി.എസ്.എസ്. ഈ സാഹചര്യത്തിൽ പ്രധാന പട്ടികയിൽ മൂന്ന് പ്രധാന പ്രദേശങ്ങൾ അടങ്ങിയിരിക്കുന്നു രണ്ടു ഉൾക്കൊള്ളിച്ചിരിക്കുന്നു.
    • ഉപ-മെനു മറയ്ക്കുക. നമുക്ക് ഒരു സ്റ്റൈൽഷീറ്റ് ഉപയോഗിക്കുക, താഴെ പറയുന്ന ആണ് define: ഉൾ ഉൾ {പ്രദർശിപ്പിക്കുക: ഇതൊന്നുമല്ല;} ഈ സ്ക്രീനിൽ നിന്നും രണ്ടാം പട്ടികയിൽ ഘടകങ്ങൾ നീക്കം ചെയ്യും.
    • ഒരു മെനു സിഎസ്എസ് സൃഷ്ടിക്കുക പ്രധാന ലിസ്റ്റിൽ നിന്ന് പൊഴിക്കുന്നു. നിര്ഝരിതസംരക്ഷണത്തിനു ശൈലി ഷീറ്റുകളുടെ താഴെ കൊടുക്കുന്ന എഴുതുന്നു: ഉൾ ലി: ഹോവർ ഉൾ {ഡിസ്പ്ലേ: ബ്ലോക്ക്;}. ഈ എൻട്രി മൌസ് ഉൾ ലിസ്റ്റിൽ സ്ഥിതി ഘടകം ലി, മേൽ സ്ക്രീൻ ഉൾ (അറ്റാച്ച്) ദൃശ്യമാകുന്ന എന്നാണ്. ഒറ്റനോട്ടത്തിൽ ഇത്തരം ഒരു പദ്ധതി സങ്കീർണ്ണവും ആശയക്കുഴപ്പം തോന്നിയേക്കാം. എന്നാൽ വാസ്തവത്തിൽ, എല്ലാം വളരെ ലളിതമാണ്.
    • ഈ ടാഗുകൾ
    • നിങ്ങളുടെ ഉള്ളടക്കം ചേർത്ത് സ്വയം ലേഔട്ട് ഉപയോഗിക്കുക. നിങ്ങൾ പട്ടികയിൽ മൂലകങ്ങളുടെ മാറ്റാൻ കഴിയും.

    അലങ്കാര മാറ്റങ്ങൾ

    ഉടൻ പ്രധാന മെനു ലേഔട്ട് തയ്യാറായ, രജിസ്ട്രേഷൻ റീഡി. ഒരുപക്ഷെ, ലിസ്റ്റ് ഇനം സൂചിപ്പിക്കുന്ന മാർക്കറുകളുടെ മുക്തി നേടാനുള്ള തയ്യാറാണെങ്കിൽ ആദ്യം പല. ഈ ഒരു പ്രോപ്പർട്ടി സി.എസ്.എസ്, അതായത് പട്ടിക ശൈലിയിലുള്ള-തരം ഉപയോഗിച്ച് നടക്കുന്ന. ലി: നിങ്ങൾ താഴെ എൻട്രി ചേർക്കേണ്ടതുണ്ട് {പട്ടിക ശൈലിയിലുള്ള-തരം: ആരും;}. അപ്പോൾ നിങ്ങൾ ഫ്രെയിം ഇട്ടശേഷം കഴിയും പശ്ചാത്തലം. ബോർഡറും പശ്ചാത്തലത്തിൽ ഈ നിങ്ങളെ സഹായിക്കും. ഒരുപക്ഷേ ചില പുൾ-ഡൌൺ മെനു ഒരേ അടിസ്ഥാന ഘടകങ്ങൾ ചെയ്തത് പ്രേരിപ്പിക്കുന്നതിന്, ഒരു അധിക പട്ടികയിൽ ദൃശ്യമാകും ഞാന് പ്രതീക്ഷിക്കുന്നില്ല. ഇത് പരിഹരിക്കുന്നതിന്, അത് സ്ഥാനം കഴിയും. ഇത് ചെയ്യുന്നതിന്, പ്രതേ്യക ശൈലി ഷീറ്റുകളുടെ താഴെ എൻട്രി എഴുതുക: ഉൾ ഉൾ {സ്ഥാനം: കേവല; വിട്ടു: 15px; വലത്: 15px; മുകളിൽ: 15px; താഴെ: 15px;}. തീർച്ചയായും, മൂല്യങ്ങൾ നിങ്ങളുടെ സ്വന്തം ഉപയോഗിക്കും. നിങ്ങൾ ഡ്രോപ്പ് ഡൗൺ മെനുകൾ കാണാൻ ആഗ്രഹിക്കുന്ന സ്ഥലം അനുസരിച്ച്, സി.എസ്.എസ് വിവിധ ഇഫക്റ്റുകൾ ചേർക്കുക ഞങ്ങളുടെ ലിസ്റ്റുകൾ അലങ്കരിക്കാൻ കഴിയുന്ന കൂടുതൽ പല സവിശേഷതകളും അർപ്പിക്കും.

    തീരുമാനം

    ഒരിക്കൽ വീണ്ടും മെനു ലേഔട്ട് നിർമാണം ശ്രദ്ധേയമാണ്. ഈ കേസ് എംബഡഡ് മൂല്യം, ഉദാഹരണത്തിന്, ഉൾ ഉൾ ഉപയോഗിക്കുന്ന സി.എസ്.എസ് നിയമങ്ങൾ നിർണയിക്കുന്നതിനായി. മറ്റ് സമാനമായ ഘടന കാണാൻ പ്രമാണത്തിൽ എങ്കിൽ, വലിയ പ്രശ്നങ്ങൾ ഉണ്ടായേക്കാം. ഇത്തരം സാഹചര്യങ്ങളിൽ, ഒരു പ്രത്യേക ഉദ്ദേശ്യം, ഉദാഹരണത്തിന്, സെലക്ടർമാർ അല്ലെങ്കിൽ ഐഡി-ഐഡികൾ ഉപയോഗിക്കണം. മുകളിൽ ലേഖനം ലേഔട്ട് ഡ്രോപ്പ്-ഡൌൺ മെനു ജനറൽ ഡിസൈൻ മനസിലാക്കിയെന്ന് രൂപകൽപ്പന ചെയ്തിരിക്കുന്നത്. സൃഷ്ടിയുടെ ബാക്കി നിങ്ങളുടെ തോളിൽ ന് സമാപിക്കും.