എങ്ങനെ ചെയ്യാൻ സി.എസ്.എസ് ത്രികോണം: The ഏറ്റവും വഴികൾ

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

എല്ലാവരും പ്രതേ്യക സ്റ്റൈൽ ഷീറ്റുകൾ വഴി ഇത്തരം ഒരു കണക്ക് സൃഷ്ടിക്കാൻ എങ്ങനെ അറിയാം, എങ്ങനെ സിഎസ്എസ് ഒരു ത്രികോണം നടത്താൻ എഴുതേണ്ടത്.

അപേക്ഷയിൽ The ഡിസൈൻ സൈറ്റുകളിൽ

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

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

ഉപയോഗിച്ച് ഫ്രെയിം സൃഷ്ടിക്കുന്നത് ഒരു രീതി

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

വസ്തുവിന്റെ പൂജ്യം ഉയരവും വീതിയും, അതുപോലെ ഒരു കട്ടിയുള്ള അതിർത്തിയിൽ ഇൻസ്റ്റലേഷൻ ക്രമീകരണം ചെയ്യുമ്പോൾ, നാല് തുല്യ ത്രികോണങ്ങളിൽ തിരിച്ചിരിക്കുന്നു ഏത് സ്ക്വയർ, കാണാം. ഹാട്രിക് മറ്റുള്ളവരെ സുതാര്യമാക്കുന്നതിന് നിങ്ങൾ ആവശ്യമുള്ള അതിർത്തി നിലനിർത്താൻ എന്നതാണ്, ഒപ്പം. ഇപ്പോൾ, മാറ്റുന്നു ഒരു ത്രികോണം കഠിനശിക്ഷകളോടും ൽ The സി.എസ്.എസ് ശരിയായ ദിശയിൽ നിറം.

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

• ത്രികോണം, ചെയ്യാന് ഇവിടെ The ഇടത് ദ വശങ്ങളിലും ഏതെല്ലാമാണ് തുല്യ;
• ത്രികോണം, വിട്ട് പരന്ന നോക്കി;
• ഒരു അവയവമാണ് ത്രികോണം, വിട്ടു നേരിടുന്ന;
• ചരിവിൽ ത്രികോണം, അവരുടെ ഇടത് വലത് കോൺ വരെ;
• താഴേക്ക് നോക്കി ത്രികോണം;
• നോക്കി ത്രികോണം;
• ത്രികോണം, വലതുവശത്ത് നോക്കി, മറ്റു പല സ്പീഷീസ്.

പ്സെവ്ദൊഎദെമെംതൊവ് ഉപയോഗിക്കുന്നു

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

അവരെ നടത്തുന്നതിലൂടെ, ഡെവലപ്പർമാർ പ്രോപ്പർട്ടി അപേക്ഷിക്കുന്ന, മനോഹരമായ ഷൂട്ടർ പലതരം സൃഷ്ടിക്കാൻ ബന്ധു: സ്ഥാനം മൂല ഘടകം വരെ. ഈ പൂർത്തിയായവയിലൊന്നുമില്ല ഉത്തരവ് സ്യൂഡോ-മാറിത്താമസിച്ചത് പുറത്തു അവരുടെ സീറ്റുകൾ.

പ്ലസ് അവസരങ്ങൾ സൃഷ്ടിക്കാൻ സി.എസ്.എസ് ചട്ടക്കൂട് ഉപയോഗം ആകുന്നു:

• പ്രോപ്പർട്ടികൾ ഉപയോഗിച്ച് വലുപ്പവും നിറം എളുപ്പത്തിലും വേഗത്തിലും എഡിറ്റിംഗ്;
• എല്ലാ ബ്രൗസറുകൾ പിന്തുണ.

ചീത്തയുമായ:

• കാരണം ഉപയോഗിക്കുന്നു ദി ഫ്രെയിം, അവിടെ യാതൊരു സാധ്യത പ്രയോഗിക്കുക ഘനമായ ഷാഡോകളിലും;
• ചിലപ്പോൾ, ഉപയോക്താവ് ഫയർഫോക്സ് ബ്രൗസറിന്റെ പേജ് നോക്കുന്നു വരുമ്പോൾ, ആൽഫാ മൂല്യം പ്രവർത്തിക്കണമെന്നില്ല, ഈ ചിത്രം വളച്ചൊടിക്കാൻ ചെയ്യും.

റെഡിമെയ്ഡ് ചിത്രങ്ങൾ ഉപയോഗിച്ച്

ത്രികോണങ്ങൾ സൃഷ്ടിക്കുന്നത് താഴെ രീതി - എൻകോഡുചെയ്തിട്ടുണ്ടോ ഇമേജുകൾ ആണ്. ത്രികോണം ഒരു ഇമേജ് എഡിറ്റർ ൽ മുൻകൂട്ടി വരച്ച സവിശേഷമായ സേവനങ്ങൾ ഒരു പ്രത്യേക കോഡ് പരിവർത്തനം ചെയ്യപ്പെടുന്നു.

ഈ രീതി പ്രയോജനം നിങ്ങൾ നിഴലുകൾ, ഘനമായ, ഫ്രെയിം ഒരു വളരെ മനോഹരമായ ഡിസൈൻ കഴിയും എന്നിട്ട് അത് എല്ലാ എൻകോഡ് എന്നതാണ്. എന്നാൽ അഭാവമാണ് എല്ലാവർക്കും ഗ്രാഫിക്സ് പരിപാടികൾ സിംഗ് പറഞ്ഞു വസ്തുത. കൂടാതെ, ചിത്രം വളരെ വലുതാണ് എങ്കിൽ, കോഡ് ലൈൻ ലളിതമായി വലിയ ലഭിച്ച ആണ്. ഈ ഡവലപ്പറിനായി അൻസാരിയുടെ ആണ്.

ബ്രൗസറുകൾ ഇംതെര്നെര്ത് എക്സ്പ്ലോറർ പഴയ പതിപ്പുകൾ ഉപയോഗം രൂപയുടെ ഒരു പ്രത്യേക ഇനം. അവ, രീതി കേവലം പ്രവർത്തിക്കുന്നില്ല.

രീതി കീഴ്മേൽ സ്ക്വയർ

ഒരു വഴി സിഎസ്എസ് വിപരീതമാക്കപ്പെടും സ്ക്വയർ മാർഗമായി സൃഷ്ടിക്കുക എന്നതാണ്. രണ്ട് അടിസ്ഥാന യൂണിറ്റ് ഉണ്ട്. എന്നാൽ ചില ആളുകൾ കപട ഉപയോഗിക്കുന്നു.

ആദ്യം, ഒരു സ്ക്വയർ സൃഷ്ടിക്കുക. കറങ്ങുന്ന അംഗം ഉള്ളടക്കം ആയിരിക്കും. അപ്പോൾ അത് ഒരു വജ്രം പോലെ തോന്നിക്കുന്ന അങ്ങനെ, 45 ഡിഗ്രി ഇനത്തിന്. അടുത്തത്, The മാറ്റം-അപ്പ് ഒരു ബാഹ്യ യൂണിറ്റ് മറഞ്ഞിരിക്കുന്ന പോസ്റ്റ് The പ്രോപ്പർട്ടി ആധിക്യം: മറച്ചു. ഈ പരിഹാരം പുറമേ, ഒരു ക്രോസ്-ബ്രൌസർ അല്ല ചിലപ്പോൾ ചിത്രം ഞങ്ങൾ ആഗ്രഹിക്കുന്നു എന്നു കാണിക്കുന്നു.

ഫലങ്ങൾ

അതിനാൽ, ഒരു ത്രികോണം സൃഷ്ടിക്കാൻ പല രീതികൾ ഉണ്ട്. അത് മാത്രം ഈ സി.എസ്.എസ് പ്രോപ്പർട്ടികളിലും നഷ്ടപ്പെടുത്തരുത് ഇല്ല? ഈ കേസിൽ പരാമർശം എപ്പോഴും സഹായിക്കും. ഇത് പ്രതേ്യക സ്റ്റൈൽ ഷീറ്റുകൾ എല്ലാ സവിശേഷതകളും വിവരിക്കുന്നു.

പ്രോഗ്രാമിംഗ് പോയി സിഎസ്എസ്-ഗൈഡ് കാണാൻ ആഗ്രഹിക്കുന്നില്ല ചെയ്തവരാരോ, ത്രികോണങ്ങൾ ശരിയായ വലുപ്പത്തിലും നിറങ്ങൾ തയ്യാറാക്കുന്നതിനുള്ള ഓൺലൈൻ എഡിറ്റർമാർ ഉണ്ട്. ൽ വിഷ്വൽ എഡിറ്റർ, ഉപയോക്താവ് തിരഞ്ഞെടുത്ത് എല്ലാ ക്രമീകരണങ്ങളും കണക്കുകൾ ക്രമീകരിയ്ക്കുന്നു. ഞൊടിയിടയിൽ മറ്റൊരു വിൻഡോയിൽ ആക്കി സി.എസ്.എസ് കോഡ് ജനറേറ്റർ ത്രികോണം പരിവർത്തനം. പിന്നെ, സൃഷ്ടിച്ച കോഡ് ലളിതമായി സ്റ്റൈൽഷീറ്റ് ഉൾപ്പെടുത്തുമ്പോൾ പേജിന്റെ ഡിസൈൻ യുക്തമാക്കുന്നതിനായി.