സി.എസ്.എസ്-സെലക്ടർ, ഒപ്പം HTML-പ്രമാണ ഫോർമാറ്റിംഗ് അതിന്റെ പങ്ക്

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

CSS- ൽ സെലക്ടർമാർ തരത്തിലുള്ള

ഏത് ഘടകം 'പ്രയോഗിച്ചു HTML-ഫോർമാറ്റ് ആശ്രയിച്ച്, സിഎസ്എസ്-സെലക്ടർ താഴെ സംഘത്തിലെ ബന്ധമുണ്ടായിരിക്കാമെന്ന്:

• ടാഗ് സെലക്ടർ;
• ക്ലാസ് സെലക്ടർ;
• ഐഡി-സെലക്ടർ;
• ആട്രിബ്യൂട്ട് സെലക്ടർ.

ടാഗ് സെലക്ടർ

അത് ഏറ്റവും ലളിതവും സാധാരണമാണ്, "തരം സെലക്ടർ" അല്ലെങ്കിൽ "ഘടകം" വിളിക്കുന്നു. തന്റെ സിഎസ്എസ്-പ്രമാണമായി ഞങ്ങൾ വിവരിക്കുന്നു ഏത് HTML-ഫയൽ മൂലകങ്ങളുടെ പേര്, ഇവ. ഉദാഹരണത്തിന്, ഖണ്ഡിക ശൈലി സജ്ജമാക്കുക ചെയ്താൽ മതി, ഞങ്ങൾ ഘടകം പി {പശ്ചാത്തലത്തിൽ വസ്തുക്കൾക്കായി അവരുടെ മൂല്യങ്ങൾ നൽകുക: X; നിറം: Y; വലിപ്പം: z}. ഈ സാഹചര്യത്തിൽ, വെബ് പേജ് എല്ലാ ഖണ്ഡികകൾ ഒരേ ഫോർമാറ്റിൽ ചെയ്യും (പശ്ചാത്തല നിറം, ടെക്സ്റ്റ് വലുപ്പം തുടങ്ങിയവ. ഡി).

ക്ലാസ് സെലക്ടർ

എന്നാൽ നിങ്ങൾ നിങ്ങളുടെ എല്ലാ ഖണ്ഡിക ചോദിക്കാൻ ആവശ്യമെങ്കിൽ മറ്റ് ശൈലികൾ നിന്നും വ്യത്യസ്തമാണ്? ഇത് ചെയ്യുന്നതിന്, ഒരു ക്ലാസ് സെലക്റ്റർ ഇല്ല.

പ്.ഫിര്സ്ത് {നിറം: ഈ കേസിൽ സിഎസ്എസ്-പ്രമാണം മാതൃകയില് ഒരു എൻട്രി ഒതുങ്ങുകയില്ല എക്സ്; ഫോണ്ട് സൈസ്: ക}. അങ്ങനെ, ഞങ്ങൾ മാത്രം ഫസ്റ്റ് ക്ളാസ് ഖണ്ഡിക വേണ്ടി "നിറം" എന്ന സ്വത്തുക്കളും "വലിപ്പം" നിർവചിക്കുന്നു.

ഈ കേസിൽ ഒരു HTML-പ്രമാണത്തിൽ ശൈലി ആദ്യ പേര് ഒരു ക്ലാസ് ആട്രിബ്യൂട്ട് പ്രവേശിച്ചു. ക്ലാസുകൾ നിങ്ങൾ ഒരു വെബ് പേജ് ഘടകങ്ങൾ അപേക്ഷിക്കാൻ ആഗ്രഹിക്കുന്ന രീതിയിൽ പോലെ കഴിയും.

സെലക്ടർ ഐഡി

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

അപ്പോൾ ഒരു HTML-പ്രമാണത്തിൽ തലക്കെട്ട് h1 ഐഡന്റിഫയർ, അത്തരം അര്തിച്ലെനമെ നൽകിക്കൊണ്ട്. സിഎസ്എസ്-ഫയലിൽ, ഐഡി പേര് ഗ്രില്ലും ചേർക്കുന്നത് ശൈലി നൽകുക: #അര്തിച്ലെനമെ {നിറം: നീല; ടെക്സ്റ്റ്-വിന്യാസം: മധ്യത്തിൽ}. ഇപ്പോൾ നമ്മുടെ തലക്കെട്ട് നീല മദ്ധ്യഭാഗത്തായിട്ടും നിറം ഉണ്ടാകും.

മുകളിൽ തരം ഓരോ "ഒരു ലളിതമായ സിഎസ്എസ്-സെലക്ടർ" വിവരിക്കപ്പെടാറുണ്ട്. സമാന ഘടകങ്ങൾ (ഉദാ, ലേഖനം എല്ലാ ഖണ്ഡികകൾ), ഒരു ക്ലാസ് (ഉദാഹരണത്തിന്, ആദ്യ ഖണ്ഡിക) അല്ലെങ്കിൽ ഒരു നിർദ്ദിഷ്ട ഇനം (ഉദാഹരണത്തിന്, ലേഖനത്തിന്റെ തലക്കെട്ട്): അവർ HTML-പ്രമാണത്തിന്റെ ഒരു പ്രത്യേക പരാമീറ്ററിനുള്ള ഫോർമാറ്റിംഗ് define.

ആട്രിബ്യൂട്ട് സെലക്ടർമാർ

മുകളിൽ, സി.എസ്.എസ്-സെലക്ടർമാർ അവിടെ തന്നെയാണ് - അപേക്ഷ ശൈലികളുടെ കൂടുതൽ സങ്കീർണ്ണമായ രീതി. ഇത് തിരഞ്ഞെടുത്ത ആട്രിബ്യൂട്ട് അല്ലെങ്കിൽ മൂല്യത്തെ HTML ഫോർമാറ്റ് ഘടകങ്ങൾ അനുവദിക്കുന്നു. ഈ സെലക്ടർ പല ഇനങ്ങൾ ഉണ്ട്:

• ആട്രിബ്യൂട്ട് സാന്നിദ്ധ്യമുപയോഗിച്ച്;
• അതിന്റെ കൃത്യമായ മൂല്യത്തിൽ;
• ഭാഗിക ആട്രിബ്യൂട്ട് മൂല്യം;
• അതിന്റെ നിർദ്ദിഷ്ട മൂല്യം ന്.

ഈ ഇനം ഓരോ പരിചിന്തിക്കാം:

1. ആദ്യ കേസ്. ഫോർമാറ്റിംഗ് (ഒരു പി, കളരി, ഹെഡ്ഡർ, തുടങ്ങിയവ വരാം) ഒരു പ്രത്യേക ആട്രിബ്യൂട്ട് HTML-കോഡിൽ നിലവിലുണ്ടെങ്കിലും, പ്രയോഗിക്കുന്നു. ഇത് അല്ലെങ്കിൽ, അത് രീതിയിൽ എല്ലാ ഘടകങ്ങൾക്കും ഒരു ജനറിക് ഉപയോഗിക്കുന്നു. ഉദാഹരണത്തിന് തലക്കെട്ട് ഇല്ലാതെ ഘടകങ്ങൾക്കും, (ടൂൾ ടിപ്പ്).
2. രണ്ടാമത്തെ കേസ്. ശൈലി മാത്രം ഗുണ മൂല്യങ്ങൾ കൃത്യമായ പൊരുത്തമുണ്ടായിരിക്കണം ആ HTML-ഘടകങ്ങൾ ബാധകമാണ്. ഉദാഹരണത്തിന്, ഇൻപുട്ട് ടൈപ്പ് ആട്രിബ്യൂട്ടിന്റെ മൂല്യം സമർപ്പിക്കാൻ തുല്യം അവിടെ ഘടകങ്ങൾ.
3. മൂന്നാമത്തെ കേസ്. ഫോർമാറ്റ് കീഴിൽ മാത്രം ഒരു വാക്കുണ്ട് മൂല്യങ്ങളും ലിസ്റ്റിൽ ഇനങ്ങൾ ഉൾപ്പെടുത്തും. ഘടകങ്ങൾ DIV വേണ്ടി സൈഡ്ബാറിൽ ആട്രിബ്യൂട്ട് "ക്ലാസ്" ഉദാഹരണത്തിന്.
4. നാലാം കേസ്. സ്റ്റൈൽ മാത്രമേ പ്രത്യേക ആട്രിബ്യൂട്ട് ഒരു മൂല്യം, അവനെ ആരംഭിക്കുന്നത് HTML-പ്രമാണം, ആ ഘടകങ്ങൾക്കും നിർവചിച്ചിരിക്കുന്നത്. ഇംഗ്ലീഷ് ഭാഷ ആട്രിബ്യൂട്ട് എല്ലാ ഘടകങ്ങളും പറഞ്ഞിരിക്കുന്ന നിറം, ഉപയോഗം ഉദാഹരണത്തിന് (ml ഏൻ റൂസ് ഏൻ-ഓ ടി ഇടയുള്ള. ഡി).

അങ്ങനെ, ഒന്നോ മറ്റ്, CSS സെലക്ടർ ഉപയോഗിച്ച്, മികച്ച ഒരു മുഴുവൻ വെബ് പേജ് വ്യക്തമാക്കണം കഴിയും, അതിന്റെ ചില ഘടകങ്ങൾ വിവരിക്കുന്നു.