പ്രോപ്പർട്ടി CSS "സുതാര്യത" - സൈറ്റ് കൂടുതൽ രസകരമായ ഡിസൈൻ സമ്പാദിക്കാനുള്ള ഒരു ലളിതമായ മാർഗ്ഗം

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

പാരാമീറ്ററുകൾ സുതാര്യത ഘടകങ്ങൾ വ്യക്തമാക്കുക

പല ഘടകങ്ങളും സുതാര്യത നിയന്ത്രിക്കുന്ന പാരാമീറ്ററുകൾ. അവർ പ്രത്യേക ലക്ഷ്യങ്ങൾ, അതുപോലെ ബ്രൗസർ, "ക്രമീകരിച്ച" ഡിസൈൻ കീഴെ അനുസരിച്ച് ഉപയോഗിക്കുന്നു. ഈ താഴെ പറയുന്ന ആണ് ഉൾപ്പെടുന്നു:

• അതാര്യത;
• ഫിൽട്ടർ;
• ഒരു പശ്ചാത്തലമായി പിഎൻജി-ഇമേജ്.

കൂടുതൽ എണ്ണം, ഘടകത്തിന്റെ സുതാര്യത താഴത്തെ നില താഴെ പ്രോപ്പർട്ടി മൂല്യം CSS "സുതാര്യത" മാറുന്നു. അതാര്യത, അതു ഫിൽട്ടറിലെ, 0 മുതൽ 1 വരെ വ്യത്യാസപ്പെടുന്നു - 10 മുതൽ 100 വരെ പിൽക്കാലക്കാരിൽ ഇംതെരെത് എക്സ്പ്ലോറർ ബ്രൗസർ, മറ്റെല്ലാ ബാധകമായ അതാര്യത പ്രോപ്പർട്ടി ഉപയോഗിക്കുന്നു.

സുതാര്യത ചിത്രം (മാറ്റൽ)

ന്റെ ഇനം നീക്കുമ്പോൾ സുതാര്യമായ ദൃശ്യമാകുന്ന ഓപ്ഷനുകൾ കൂടെ ആരംഭിക്കുക മൗസ് ഇഴച്ച്.

ഞങ്ങളെ ചിത്രത്തിന്റെ സുതാര്യത എങ്ങനെ നിർദേശിക്കണമെന്ന് പരിചിന്തിക്കാം. സി.എസ്.എസ് രണ്ട് ഓപ്ഷനുകൾ പ്രദാനം. ഇത് ചെയ്യുന്നതിന്, അത് നേരിട്ട് കോഡ് HTML-പ്രമാണത്തിൽ താഴെ പോലെ രജിസ്റ്റർ ചെയ്യണം:

1. ചിത്രം പാത വ്യക്തമാക്കുക.
2. കഴ്സർ അല്ലെങ്കിൽ മാത്രമേ നാം സുതാര്യത പരാമീറ്ററുകൾ നിർവചിക്കുന്നു. ഇത് ചെയ്യുന്നതിന്, ഞങ്ങൾ അതാര്യതയിലോ മൂല്യം തിരുനെൽവേലി ഏത് ഒന്മൊഉസെഒവെര് ആൻഡ് ഒന്മൊഉസെഒഉത്, അരിച്ചെടുക്കുന്ന വിശേഷതകൾ ഉപയോഗിക്കുന്നു.

ഇതേ അത് ഒരു റഫറൻസ് ചേർക്കാൻ CSS-പ്രമാണം സോഴ്സ് കോഡ് മരുന്നില്ലാത്ത കഴിയും. ഫലങ്ങൾ ഒരേ ഉല്പാദിപ്പിക്കുക.

ടെക്സ്റ്റ്, പേജ് ബ്ലോക്കുകളിൽ സുതാര്യത

ടെക്സ്റ്റ് അല്ലെങ്കിൽ തടയൽ (സുതാര്യമായ കളരി) പോലെ, CSS അതിന്റെ ഓപ്ഷൻ, ഒരു സുതാര്യമായ ചിത്രം സൃഷ്ടിക്കുന്നു സമാനമായ പ്രദാനം, നിങ്ങൾ ഇതിൽ ആവശ്യമുള്ള പരാമീറ്ററുകൾ സെറ്റ് കണക്ട് CSS-ഫയൽ, ഉപയോഗിക്കാം. നിങ്ങൾ പോയി ഒരു ലളിത മാർഗം കഴിയും. നിങ്ങൾ ശൈലി തടയൽ DIV രീതിയിൽ അല്ലെങ്കിൽ ടെക്സ്റ്റ് പി ഇടുമ്പോൾ ഒന്മൊഉസെഒവെര് മൂലകങ്ങളുടെയും ഒന്മൊഉസെഒഉത് താഴെ HTML-കോഡ് സംഹിത. രണ്ട് ഓപ്ഷനുകൾ പ്രവർത്തിക്കാനും ആവശ്യമുള്ള ഫലം.

സുതാര്യത സ്ഥിരമായ

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

സുതാര്യത വേണ്ടി CSS ഘടകം താഴെ കോഡ് നൽകും. ബ്ലോക്ക് DIV ശൈലിയിൽ പശ്ചാത്തലത്തിൽ വേണ്ടി മൂല്യങ്ങൾ (ഉദാ, # ഫ്ഫ്൮൮൦൦), അതാര്യത (ഉദാ, 0.5) വീതി (വീതി) ഉം പാഡിംഗ് (പാഡിംഗ്) സംഹിത.

ചിത്രം കോഡ് മൂല്യങ്ങൾ വേണ്ടി കൊയ്യുന്നു ഒപാസിറ്റി ഫിൽട്ടർ, ഇമേജിലേക്ക് പാത്ത് വ്യക്തമാക്കുക.

ര്ഗ്ബ-രീതി

ഈ പ്രോപ്പർട്ടി CSS ഉപയോഗിച്ച് മറ്റ് ഓപ്ഷനുകൾ ഉണ്ട്: സുതാര്യത ഏതെങ്കിലും ഡിസൈൻ ഘടകത്തിന്റെ അടിസ്ഥാന നിറം പ്രയോഗിക്കാൻ കഴിയൂ. ഇത് ര്ഗ്ബ രീതി ഉപയോഗിക്കുന്നു. സുതാര്യത നില സജ്ജമാക്കുന്ന ആൽഫ, - അടിസ്ഥാന നിറങ്ങൾ (ചുവപ്പ്, വിഘടനം, നീല), കഴിഞ്ഞ ആദ്യത്തെ മൂന്ന് അക്ഷരങ്ങൾ നിലക്കും. ര്ഗ്ബ-ഫോർമാറ്റ് ഉപയോഗിച്ച് അവസാന അക്കം അത് ചൂണ്ടി, സുതാര്യത തിരുനെൽവേലി. ഉദാഹരണത്തിന്, പോലെ: പശ്ചാത്തല: ര്ഗ്ബ (൨൪൦,൨,൩൩,൦.൪൦൩൫).

തീരുമാനം

അങ്ങനെ, സൈറ്റ് ഡിസൈൻ ലളിതമായ എന്നാൽ ഫലപ്രദമായ സവിശേഷത CSS "സുതാര്യത" പണി വഴിത്താരകളിൽ ഉപയോഗിച്ച്, നിങ്ങൾ ചുരുങ്ങിയ പ്രയത്നത്തിലൂടെ കൂടുതൽ രസകരമായ കൂടുതൽ ഒരുപിടി ഘടകങ്ങൾ കഴിയും. വിവരിച്ച .ആദ്യ കസ്റ്റം സുതാര്യത സവിശേഷതകൾ ഈ നിങ്ങളെ സഹായിക്കും ആകുന്നു.