CSS సెలెక్టర్, మరియు ఫార్మాటింగ్ html పత్ర దాని పాత్ర

ఒక వెబ్సైట్ సృష్టిస్తోంది మరియు వెబ్ పేజీ యొక్క కొన్ని అంశాలు పూరించడం, ప్రతి ఒక్కరూ CSS సెలెక్టర్ వంటి ఒక పదం ఎదుర్కొంటుంది. ఇది మరింత ఖచ్చితంగా పేజీలో వాటి రూపకల్పన మరియు నగర యొక్క HTML ఫైల్ యొక్క అన్ని మూలకాలను గుర్తించడానికి పనిచేస్తుంది. రంగు, పరిమాణం, నగర మరియు ఇతర: ఇది చేయటానికి, కొన్ని సెలెక్టర్లు మరియు వారి ఫార్మాటింగ్ ఎంపికలు అవ్ట్ అక్షరాలుగా ఒక CSS-ఒక పత్రాన్ని సృష్టించడానికి. ప్రతి వెబ్ డిజైనర్ తెలిసిన మరియు సరిగా కావలసిన ఎంపికలు ఎంటర్ ఉండాలి. వారు, మేము క్రింద చర్చించడానికి ఇది ప్రధాన రకం విభజిస్తారు.

CSS లో సెలెక్టర్ల రకాల

ఇది మూలకం html ఆకృతీకరణ వర్తించబడుతుంది ఆధారపడి, CSS సెలెక్టర్ క్రింద పేర్కొన్న సమూహాలలో ఏదో ఒక సంబంధం ఉండవచ్చు:

• ట్యాగ్ సెలెక్టర్;
• తరగతి సెలెక్టర్;
• ID సెలెక్టర్;
• సెలెక్టర్ కేటాయించండి.

ట్యాగ్ సెలెక్టర్

ఇది కూడా అది అత్యంత సాధారణ మరియు సాధారణ ఉంది, "రకం సెలెక్టర్" లేదా "మూలకం" అంటారు. తన CSS పత్ర మేము వర్ణించే html ఫైల్ అంశాలు పేర్లు. ఉదాహరణకు, మేము పేరా శైలి సెట్ అవసరం ఉంటే, మేము లక్షణాలు మరియు మూలకం p {నేపథ్యం కోసం వారి విలువలు పేర్కొనండి: x; రంగు: y; పరిమాణం: z}. ఈ సందర్భంలో, వెబ్ పేజీ యొక్క అన్ని పేరాలు అదే ఫార్మాట్ ఉంటుంది (నేపథ్య రంగు, టెక్స్ట్ పరిమాణం, మరియు అందువలన న. D.).

తరగతి సెలెక్టర్

మరియు మీ ప్రతి పేరా ఇతర శైలుల నుంచి భిన్నంగా ఉంటుంది మీరు అవసరం ఉంటే ఏమి అడగాలో? ఇది చేయటానికి, ఒక తరగతి సెలెక్టర్ ఉంది.

p.first {రంగు:: ఈ సందర్భంలో CSS-పత్రంలో కింది రూపం ఒక ఎంట్రీని కలిగి ఉండేది x; font-size: y}. ఆ విధంగా, మనం "రంగు" మరియు మాత్రమే మొదటి తరగతి పేరా కోసం "పరిమాణం" యొక్క లక్షణాలు వివరిస్తాయి.

ఈ సందర్భంలో ఒక html-పత్రంలో మొదటి శైలి యొక్క పేరు ఒక తరగతి లక్షణం ప్రవేశించింది. క్లాసులు మీరు ఒక వెబ్ పేజీ మూలకాలు దరఖాస్తు కావలసిన శైలి అంత ఉంటుంది.

సెలెక్టర్ ID

తరచుగా ఒక శైలి పేజీ యొక్క ఏ ఒక అంశానికి ఉదాహరణకు, మరింత ఖచ్చితంగా నిర్వచించలేదు, లేదా వాటిని నమూనా అవసరం ఉంది. ఈ పరిస్థితిలో, చికిత్స ID సెలెక్టర్ వస్తుంది. html ఫైల్ ఇతరులలో గుర్తిస్తుంది కోరుకున్న అంశం పేరును కేటాయిస్తుంది. ఉదాహరణకు, మేము ఇతర శైలి భిన్నంగా సెట్ చేయదలిచిన అంశాలు వ్యాసం శీర్షిక ఉంటుంది.

అప్పుడు ఒక html పత్ర శీర్షిక h1 ఐడెంటిఫైయర్, అటువంటి articlename కేటాయించి. #articlename {రంగు:: మరియు CSS ఫైల్ లో, ID పేరు గ్రిల్ జోడించడం శైలి పేర్కొనండి నీలం; టెక్స్ట్-అలైన్: సెంటర్}. ఇప్పుడు మా హెడ్లైన్ రంగు నీలం మరియు కేంద్రీకృత ఉంటుంది.

పైన రకాల యొక్క ప్రతి "ఒక సాధారణ CSS సెలెక్టర్" గా వర్ణించవచ్చు. వారు HTML పత్రం యొక్క ఒక నిర్దిష్ట పరామితి కోసం ఆకృతీకరణ వివరిస్తాయి: కలిసి సారూప్య మూలకాలను (ఉదా, అన్ని వ్యాసం పేరాలు), ఒక తరగతి (ఉదాహరణకు, కేవలం మొదటి పేరా) లేదా ఒక నిర్దిష్ట అంశం (ఉదాహరణకు, వ్యాసం టైటిల్).

కేటాయించండి సెలెక్టర్లు

అప్లికేషన్ శైలులు మరింత క్లిష్టమైన పద్ధతి - పై అదనంగా, ఒక CSS-సెలెక్టర్లు లక్షణాలను ఉంది. ఇది ఎంపిక గుణం లేదా విలువ html ఫార్మాట్ అంశాలు అనుమతిస్తుంది. ఈ సెలెక్టర్ అనేక రకాలు ఉన్నాయి:

• లక్షణం యొక్క ఉనికిని ద్వారా;
• దాని ఖచ్చితమైన విలువ వద్ద;
• పాక్షిక స్వభావము విలువ ద్వారా;
• దాని నిర్దిష్ట విలువ.

మాకు ఈ జాతుల ప్రతి పరిగణలోకి లెట్:

1. మొదటి సందర్భంలో. ఫార్మాటింగ్ ఒక నిర్దిష్ట లక్షణం html కోడ్ సమర్పించబడినట్లయితే (ఇది ఒక p, div, శీర్షిక, మొదలైనవి కావచ్చు), వర్తించబడుతుంది. అది కాకపోతే, అది శైలి యొక్క అన్ని మూలకాలను ఒక సాధారణ ఉపయోగిస్తుంది. ఉదాహరణకు, శీర్షిక కలిగి అంశాలకు (ఉపకరణ చిట్కా).
2. రెండవ కేసు. శైలి మాత్రమే లక్షణం విలువలు ఖచ్చితమైన మ్యాచ్ కలిగి HTML అంశాలు వర్తిస్తుంది. ఉదాహరణకు, ఇన్పుట్ అంశాలు, రకం లక్షణం విలువ submit సమానం ఎక్కడ.
3. మూడో కేసు. ఫార్మాట్ కింద మాత్రమే ఒక నిర్దిష్ట పదం కలిగి విలువలు జాబితాలో అంశాలను కలిగి ఉంటుంది. ఉదాహరణకు, అంశాలు div కోసం సైడ్బార్ లక్షణం "తరగతి".
4. నాల్గవ కేసు. శైలి మాత్రమే దీని ప్రత్యేక లక్షణం ఒక నిర్దిష్ట విలువను కలిగి HTML పత్రం, ఆ అంశాలకు నిర్వచించబడింది, మరియు అతనితో ప్రారంభమవుతుంది. ఉదాహరణకు, అన్ని అంశాలు పేర్కొన్న రంగు ఉపయోగం ఇంగ్లీష్ భాష లక్షణం (en, en-రస్, en-au మరియు t. D. ఉండవచ్చు).

ఆ విధంగా, ఒక లేదా ఇతర, CSS సెలెక్టర్ ఉపయోగించి, ఉత్తమ ఒక పూర్తి వెబ్ పేజీ తెలుపవచ్చు, మరియు దాని అంశాలు కొన్ని వివరిస్తాయి.