സി.എസ്.എസ് ബട്ടൺ. പ്രയോജനങ്ങൾ. ശൈലികൾ. സൗന്ദര്യശാസ്ത്രം

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

സി.എസ്.എസ് ബട്ടണുകൾ ഏറ്റവും ആകുന്നു. നിമിഷം അവർ പൂർണ്ണമായും ശൈലി മാറ്റാൻ കഴിയും. എന്നാൽ, തീർച്ചയായും, നൽകുന്നു കൂടുതൽ അവസരങ്ങൾ ഡിസൈൻ എന്ന നബി സൈറ്റ് ഒരു മുഴുവൻ.

തുടക്കക്കാരെ, ആശയക്കുഴപ്പവും തെറ്റിദ്ധാരണ ഒഴിവാക്കാൻ, ആവശ്യമായ ചില ആശയങ്ങൾ മനസ്സിലാക്കുക എന്നതാണ്.

സി.എസ്.എസ്, ഏതാണ്

സി.എസ്.എസ്, അത് അർത്ഥമാക്കുന്നത് വിവർത്തന "പ്രതേ്യക സ്റ്റൈൽ ഷീറ്റുകൾ", ഇന്നു ഒന്നു നബി പ്രധാന സാങ്കേതികവിദ്യകളെ The ഇന്റർനെറ്റ്. കൂടാതെ ഈ ഭാഷ സാധ്യതയില്ല കുറഞ്ഞ ഒരു സൈറ്റ്.

സി.എസ്.എസ്-കോഡ് - ഒരു ഗൈഡ് ബ്രൗസറുകൾ അടങ്ങിയിട്ടുണ്ട് വിവരങ്ങൾ പോലുള്ള ഡിസ്പ്ലേ ഘടകങ്ങളിൽ The താൾ എവിടെ ചെയ്യേണം.

ലളിതം, സ്റ്റോറിൽ ഈ നിർദ്ദേശങ്ങൾ ഒരു പ്രത്യേക ഫയൽ ഉപയോഗിച്ച് The എക്സ്റ്റൻഷൻ മീ. അതേസമയം, അവർ HTML പ്രമാണ തുടക്കത്തിൽ സ്ഥാപിക്കാവുന്നതാണ്.

സൈറ്റിൽ ബട്ടൺ. എന്താണ് അത്

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

ബട്ടണുകൾ സ്റ്റാറ്റിക്, ആനിമേഷൻ, ഡൈനാമിക്, ശബ്ദം അതു പുറത്തുള്ളവരെ.

അവർ കഴിയും പ്രത്യേകം സൃഷ്ടിച്ച, ഉദാഹരണത്തിന്, ലെ ഫോട്ടോഷോപ്പ്, ഒപ്പം അപ്ലോഡ് ചിത്രത്തിലേക്കുള്ള The സൈറ്റ്, ഒപ്പം കഴിയും വേഗത്തിലും എളുപ്പത്തിലും വന്നിരിക്കുന്നു കൊണ്ട് അവയിൽ The സി.എസ്.എസ്.

സി.എസ്.എസ് ബട്ടണുകൾ

ഈ ബട്ടണുകൾ വളരെ എളുപ്പമാക്കുന്നു. ഗ്രേറ്റ് നേട്ടം ഉപയോഗം എന്നു അവർ എപ്പോൾ, വെറും ഒരു ദമ്പതികൾ സെക്കൻഡിനുള്ളിൽ, കഴിയും മാറ്റം അപ്പുറം തിരിച്ചറിയൽ.

നിലയിൽ ഞങ്ങൾ അറിയുന്നില്ല, ഉണ്ട് മൂന്നു പ്രധാന:

• വെറും പേജ് ബ്രൗസിംഗ് പോലെ, അത് കൊണ്ട് ഒന്നും ചെയ്യാത്ത വരുമ്പോൾ ബാക്കി;
• അത് മേൽ കഴ്സർ ഹോവർ സ്ഥാനം;
• ക്ലിക്ക് ചെയ്യുമ്പോൾ സജീവമാക്കുക.

മുഴുവൻ ബട്ടണുകൾ ഫയർഫോക്സ്, സഫാരി, ഓപ്പറ, Chrome പോലുള്ള ബ്രൗസറുകളിൽ കൃത്യമായി പ്രദർശിപ്പിച്ച. ഇന്റർനെറ്റ് എക്സ്പ്ലോറർ 9 അതേ സമയം, ബട്ടൺ പൂർണ്ണമായി പ്രദർശിപ്പിക്കില്ല. ഉദാഹരണത്തിന്, കോണിലും ചുറ്റും, ടെക്സ്റ്റ് നിഴൽ ബട്ടൺ ചുറ്റും സ്ട്രോക്ക് ദൃശ്യമായ ഇവിടെ കാരണം ഈ പ്രോപ്പർട്ടികൾ ഈ ബ്രൌസർ പിന്തുണയ്ക്കുന്നില്ല വസ്തുത കഴിയില്ല. എന്നാൽ, ജനറൽ, ലെ സൈറ്റ് വേണ്ടി സിഎസ്എസ്-ബട്ടണുകൾ ബ്രൗസറിന്റെ ഈ പതിപ്പിൽ മനോഹരമായിരിക്കുന്നു. Internet Explorer 8 ബട്ടൺ ന് എട്ടാം താഴെ മറ്റ് പതിപ്പുകളിൽ ദൃശ്യമായ വോള്യം കഴിയില്ല, പക്ഷേ അതേ സമയം, ഘനമായ രൂപം നിലനിർത്താൻ.

ഞങ്ങൾ ചിത്രങ്ങൾ സിഎസ്എസ് ബട്ടൺ രൂപത്തിൽ ബട്ടൺ താരതമ്യം ചെയ്താൽ, വ്യത്യാസം സെർവറിൽ സ്ഥലം ആണ് പൂർണ്ണമായും അപ്രസക്തമാണ് ആയിരിക്കും. എന്നാൽ സിഎസ്എസ് ബട്ടൺ സെർവറിലേക്ക് അഭ്യർത്ഥനകൾ എണ്ണം കുറയ്ക്കും, എന്നാൽ അത് ഒരു ചിത്രമായി ബട്ടൺ അപേക്ഷിച്ച് വ്യക്തമായ പ്രയോജനം ചെയ്യും.

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

ഓരോ സ്ഥാനം സ്വന്തം രീതിയിൽ കൊടുത്തിരിക്കുന്നു. ഈ ശൈലികൾ ഒരു പ്രത്യേക ഫയൽ .css അല്ലെങ്കിൽ വളരെ പേജിൽ തല ടാഗുകൾക്കിടയിൽ എഴുതിയിരിക്കുന്നു.

വെബ്സൈറ്റിൽ ഒരു ബട്ടൺ സ്ഥാപിക്കുക

ശരീരം ടാഗുകൾ എഴുതിയ കോഡ് തമ്മിലുള്ള:

എവിടെ

ഐഡി = "BUTTON2" ഇവിടെ, ബട്ടൺ നിയോഗിച്ചിട്ടുള്ള പേര്

a href = http: // സൈറ്റ് / ലേഖനം / 175988 /% E2% 80% ൯ദ്% D0% 93% D0% 98% D0% ൯ഫ്% D0% 95% D0% A0- ഉം% D0% എ 1% D0% എ 1% D0% എബി % D0% 9B% D0% 9a% D0% 90% E2% 80% ൯ദ് ആവശ്യമുള്ള പ്രമാണം നേരിട്ടുള്ള ലിങ്ക് കൊടുത്തിരിക്കുന്നു,

ടെക്സ്റ്റ് - അച്ചടിച്ച ടെക്സ്റ്റ് ബട്ടൺ പ്രദർശിപ്പിക്കാൻ.

ബട്ടണുകൾ വേണ്ടി ശൈലികൾ

1. CSS സ്റ്റൈൽ ബട്ടൺ പ്രമാണത്തിൽ അല്ലെങ്കിൽ പേജ് തന്നെ പ്രത്യേകം രേഖപ്പെടുത്തിയിരിക്കുന്നു:

2. ആദ്യം സി.എസ്.എസ് ബട്ടണുകൾ എഴുതിയ അവർ ബാക്കി എപ്പോഴാണ്

3. കൂടുതൽ പാരാമീറ്ററുകൾ കഴ്സർ അത് പറഞ്ഞാൽ ബട്ടണ് പൊരുത്തപ്പെടുന്ന രേഖപ്പെടുത്തിയിട്ടുണ്ട്. ഈ കേസിൽ, മാത്രം നിറം നിഴലുകൾക്ക്, ശൈലിയും മാറ്റുകയോ ചെയ്താൽ, എല്ലാം, ഒരേ തുടരുന്നു നിറം നിഴലുകൾക്ക് ഒഴികെ:

4. കഴിഞ്ഞ ബട്ടണ് സ്ഥാനം അതിൽ കഴ്സർ അമർത്തുമ്പോൾ ആണ്. പലപ്പോഴും ഇത്തരം കേസുകൾ പോലുള്ള നിറം മാത്രം കുറഞ്ഞത് മാറ്റം, ഈ കേസിൽ പോലെ:

സിഎസ്എസ് - മനോഹരമായ ബട്ടണുകൾ

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

പരീക്ഷണം കൂടെ സി.എസ്.എസ്-കോഡ് മാറ്റുന്നതും വിവിധ പാരാമീറ്ററുകൾ, അത് സാധ്യമാവുക മാറ്റം The സി.എസ്.എസ് മനോഹരമായ ബട്ടണുകൾ, ഒപ്പം തിരഞ്ഞെടുപ്പ്, ഇതിനായി കൈവരിക്കാൻ The ആവശ്യമുള്ള ഫലം.

ഈ പരാമീറ്ററുകളാകുന്ന:

- ബട്ടണിൽ വാചകത്തിന്റെ നിറം;

- ടെക്സ്റ്റ് ബട്ടണുകളും വലിപ്പം;

- വർണ്ണ ഗ്രേഡിയന്റ് ബട്ടണുകൾ;

- ബട്ടണുകൾ ആരം ആംഗിൾ;

- അവളുടെ സ്ട്രോക്ക് നിറം.

കൃത്യമായി സുരക്ഷിതമായി, ഭയം കൂടാതെ, എന്നിവ തിരഞ്ഞെടുക്കാൻ കഴിയും മികച്ച ഓപ്ഷൻ, സംസാരിക്കുന്ന. പാരാമീറ്ററുകൾ ചെറിയ എണ്ണം ഉണ്ടായിരുന്നിട്ടും, അവരുടെ രീതിയിൽ ബട്ടണുകൾ വൈവിധ്യപൂർണ്ണമായതിനാൽ സൃഷ്ടിക്കാൻ കഴിയും.