ప్రతి వెబ్ సైట్ నిర్మాణాత్మక (HTML చేత నిర్దేశింపబడిన), ఫంక్షనల్, మరియు శైలీకృత అంశాలు రూపొందించబడింది. కాస్కేడింగ్ స్టైల్ షీట్స్ (CSS) వెబ్ సైట్ యొక్క రూపాన్ని ("లుక్ అండ్ ఫీల్") ఖరారు చేయడానికి ఉపయోగిస్తారు. వెబ్ స్టాండర్డ్స్ కు నవీకరించుటకు మరియు కట్టుబడి ఉండటానికి సులువుగా అనుమతించుటకు HTML ఆకృతి నుండి ఈ శైలులు వేరుగా ఉంచబడతాయి.
సమస్యలతో సమస్య
అనేక వెబ్సైట్లు పరిమాణం మరియు సంక్లిష్టతతో, స్టైల్ షీట్లు చాలా సుదీర్ఘమైన మరియు గజిబిజిగా మారతాయి. ప్రతిస్పందించే వెబ్ సైట్ శైలులకు మీడియా ప్రశ్నలకు ఇది ఒక ప్రత్యేకమైన నమూనాగా చెప్పవచ్చు, ఇది ఒక వెబ్సైట్ ఏ విధమైన పరికరంతో సంబంధం లేకుండా ఉంటుందో చూసేటప్పుడు ఇది నిజం. ఒంటరిగా ఆ మీడియా ప్రశ్నలను CSS పత్రానికి గణనీయమైన సంఖ్యలో కొత్త శైలులను జోడించవచ్చు, దీనితో పని చేయడానికి మరింత కష్టతరం అవుతుంది. CSS వ్యాఖ్యాతలు వెబ్సైట్ డిజైనర్లు మరియు డెవలపర్లు ఒక అమూల్యమైన సహాయం కావచ్చు ఇక్కడ.
వ్యాఖ్యలు స్ట్రక్చర్ మరియు స్పష్టత జోడించండి
ఒక వెబ్సైట్ యొక్క CSS ఫైళ్ళకు వ్యాఖ్యలను జోడించడం అనేది డాక్యుమెంట్ను సమీక్షించే ఒక మానవ రీడర్ కోసం ఆ కోడ్ యొక్క విభాగాలను నిర్వహించడానికి ఒక గొప్ప మార్గం. ఒక వెబ్ ప్రొఫెషనల్ మరొక ఆకులు ఆఫ్, లేదా జట్లు ఒక సైట్ పని చేసినప్పుడు పేరు ఇది స్థిరీకరణ నిర్ధారిస్తుంది.
బాగా ఫార్మాట్ చేయబడిన వ్యాఖ్యానాలు స్టైల్ షీట్ యొక్క ముఖ్య అంశాలను కమ్యూనికేట్ చేయగలవు, ఇది ఇప్పటికే బృందం సభ్యులకు తెలియదు. ఈ వ్యాఖ్యానాలు ముందు సైట్లో పనిచేసిన వారికి ఇటీవల ఉపయోగపడలేదు, వెబ్ డిజైనర్లు సాధారణంగా అనేక సైట్లలో పని చేస్తారు, మరియు ఒకదానికి ఒకటి నుండి డిజైన్ వ్యూహాలను గుర్తుంచుకోవడం కష్టం.
నిపుణుల దృష్టికి మాత్రమే
పేజీ వెబ్ బ్రౌజర్లలో అందించినప్పుడు CSS వ్యాఖ్యలు ప్రదర్శించబడవు. HTML వ్యాఖ్యలు (వాక్యనిర్మాణం భిన్నమైనప్పటికీ) గానే, ఆ వ్యాఖ్యలు మాత్రమే ఉంటాయి. ఈ CSS వ్యాఖ్యలు ఎలాంటి సైట్ యొక్క దృశ్యమాన ప్రదర్శనను ప్రభావితం చేయవు.
CSS వ్యాఖ్యలు జోడించడం
ఒక CSS వ్యాఖ్య కలుపుతోంది చాలా సులభం. మీరు మీ వ్యాఖ్యను సరైన ప్రారంభ మరియు బుక్ టాగింగ్లతో మూసివేస్తారు:
- జోడించడం ద్వారా మీ వ్యాఖ్యను ప్రారంభించండి
/*
- జోడించడం ద్వారా మీ వ్యాఖ్యను మూసివేయండి
*/
ఈ రెండు ట్యాగ్ల మధ్య కనిపించే ఏదైనా, వ్యాఖ్యలోని కంటెంట్, కోడ్లో మాత్రమే కనిపిస్తుంది మరియు బ్రౌజర్ ద్వారా ఇవ్వబడదు.
ఒక CSS వ్యాఖ్య పంక్తులు ఏ సంఖ్య పడుతుంది. ఇక్కడ రెండు ఉదాహరణలు ఉన్నాయి:
/ * ఎరుపు సరిహద్దు ఉదాహరణ * / div # border_red { సరిహద్దు: సన్నని ఘన ఎరుపు; }/*******************************************************కోడ్ టెక్స్ట్ కోసం శైలి*******************************************************/ చాలామంది డిజైనర్లు చిన్న, సులభంగా జీర్ణమయ్యే చిన్న భాగాలుగా స్టైల్ షీట్లను నిర్వహిస్తారు, ఇవి చదివేటప్పుడు సులభంగా స్కాన్ చేయబడతాయి. సాధారణంగా, మీరు చూడడానికి సులభంగా ఉన్న పేజీలో పెద్ద, స్పష్టమైన విరామాలను సృష్టించే హైపన్ల వరుసల తర్వాత, ముందుగానే వ్యాఖ్యలను చూస్తారు. ఇక్కడ ఒక ఉదాహరణ: / * ----------------------- శీర్షిక స్టైల్స్ ----------------------- ------- * /
ఈ వ్యాఖ్యలు కోడింగ్ యొక్క కొత్త విభాగానికి ప్రారంభాన్ని సూచిస్తాయి. వ్యాఖ్య ట్యాగ్లు వాటి మధ్య ఉన్న ప్రతిదీ విస్మరించడానికి బ్రౌజర్కు చెప్పడం వలన, మీరు CSS కోడ్ యొక్క కొన్ని భాగాలను తాత్కాలికంగా నిలిపివేయడానికి వాటిని ఉపయోగించవచ్చు. డీబగ్గింగ్ లేదా వెబ్పేజ్ ఆకృతీకరణను సర్దుబాటు చేస్తున్నప్పుడు ఇది సులభమైంది. వాస్తవానికి, డిజైనర్లు తరచూ వాటిని "వ్యాఖ్యానించేందుకు" లేదా "ఆపివేయి" విభాగాల పేజీని ఉపయోగించుకుంటారు, ఆ విభాగం పేజీలోని భాగం కాకపోతే ఏమి జరుగుతుందో చూద్దాం. దీన్ని చేయటానికి, మీరు కామెంట్ చేయటానికి కావలసిన కోడ్ ముందుగానే వ్యాఖ్య వ్యాఖ్య ట్యాగ్ను (డిసేబుల్) చేర్చండి; మీరు డిసేబుల్ భాగాన్ని ముగించాలని కోరుకునే ముగింపు ట్యాగ్ను ఉంచండి. ఆ ట్యాగ్ల మధ్య ఏదీ సైట్ యొక్క దృశ్యమాన ప్రదర్శనను ప్రభావితం చేస్తుంది, మీరు సమస్యను ఎక్కడ చూస్తున్నారో తెలుసుకోవడానికి మీరు CSS ను డీబగ్ చేయడానికి అనుమతిస్తుంది. అప్పుడు మీరు ఆ సమస్యను పరిష్కరించడానికి మరియు పరిష్కరించడానికి మరియు కోడ్ నుండి వ్యాఖ్యలను తీసివేయవచ్చు. రీక్యాప్గా, ఇక్కడ మీ CSS లో వ్యాఖ్యలను ఉపయోగించడం కోసం గుర్తుంచుకోవడానికి కొన్ని చిట్కాలు ఉన్నాయి: చాలా వ్యాఖ్యలు జోడించడం వలన సైట్ యొక్క డౌన్లోడ్ వేగం మరియు పనితీరు ప్రభావితమవుతాయి, మీరు వాటిని ఉపయోగించడానికి సంకోచించకూడదు. ఇది గణనీయమైన ప్రతికూల ప్రభావాన్ని కలిగి ఉండటానికి వ్యాఖ్యల యొక్క అనేక మార్గాలను తీసుకుంటుంది. వెబ్ డిజైన్ యొక్క అనేక అంశాల వలె, ఇది అన్ని సమతుల్యతకు డౌన్ వస్తుంది. సెక్షన్ల బ్రేకింగ్
"వ్యాఖ్యానిస్తూ" కోడ్
CSS వ్యాఖ్యానిస్తూ చిట్కాలు
ప్రదర్శన
