ఎలా బాహ్య శైలి షీట్ బిల్డ్

CSS సైట్ వైడ్ ఉపయోగించి

వెబ్సైట్లు శైలి మరియు నిర్మాణం కలయిక, మరియు నేటి వెబ్లో, ఒకదానికొకటి వేరుగా ఉన్న ఒక సైట్ యొక్క ఈ రెండు అంశాలను ఉంచడానికి ఉత్తమమైన పద్ధతి.

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

బాహ్య శైలి షీట్లు యొక్క ప్రయోజనాలు మరియు అప్రయోజనాలు

క్యాస్కేడింగ్ స్టైల్ షీట్స్ గురించి ఉత్తమ విషయాలు ఒకటి మీరు మీ మొత్తం సైట్ స్థిరంగా ఉంచడానికి వాటిని ఉపయోగించవచ్చు. దీన్ని చేయటానికి సులువైన మార్గం బాహ్య శైలి షీట్ను లింక్ చేయడం లేదా దిగుమతి చేయడం. మీరు మీ సైట్ యొక్క ప్రతి పేజీ కోసం అదే బాహ్య శైలి షీట్ని ఉపయోగిస్తే, అన్ని పేజీలకు ఒకే శైలి ఉంటుంది అని మీరు అనుకోవచ్చు. మీరు భవిష్యత్ కోసం మార్పులు చేయడాన్ని సులభతరం చేయవచ్చు. ప్రతి పేజీలను ఒకే బాహ్య శైలి షీట్ను ఉపయోగించడం వలన, ఆ షీట్కు ఏదైనా మార్పు ప్రతి సైట్ పేజీని ప్రభావితం చేస్తుంది. ఇది ప్రతి పేజీని వ్యక్తిగతంగా మార్చడం కంటే మెరుగైనది!

బాహ్య శైలి షీట్ల ప్రయోజనాలు

  • ఒకేసారి అనేక పత్రాల రూపాన్ని మరియు భావాన్ని మీరు నియంత్రించవచ్చు.
    • మీరు మీ వెబ్ సైట్ సృష్టించడానికి ప్రజల బృందంతో పనిచేస్తే ఇది చాలా ఉపయోగకరంగా ఉంటుంది. అనేక శైలి నియమాలు గుర్తుంచుకోవడం కష్టం, మరియు మీరు ముద్రించిన శైలి మార్గదర్శిని కలిగి ఉండగా, ఇది సమర్థవంతమైనది మరియు నిరపాయంగా నిరంతరంగా ఉదాహరణ ద్వారా టెక్స్ట్ 12 అక్షరాలలో ఏరియల్ ఫాంట్ లేదా 14 పాయింట్ కొరియర్లో వ్రాయబడాలా అని నిర్ణయించడం. ఒకే స్థలంలో ప్రతిదీ కలిగి ఉండటం ద్వారా మరియు ఆ స్థలం నుండి మీరు మార్పులు చేస్తే, మీరు నిర్వహణను మరింత సులభతరం చేయవచ్చు.
  • మీరు పలు HTML అంశాలపై ఉపయోగించగల శైలుల తరగతులను సృష్టించవచ్చు.
    • మీరు తరచుగా మీ పేజీలోని వివిధ విషయాలపై దృష్టి పెట్టడానికి ఒక నిర్దిష్ట ఫాంట్ స్టైలింగ్ను ఉపయోగిస్తుంటే, మీరు ప్రతి శైలికి ఒక నిర్దిష్ట శైలిని నిర్వచించకుండా కాకుండా ఈ రూపాన్ని మరియు అనుభూతిని పొందేందుకు మీ శైలి షీట్లో మీరు సెట్ చేసిన తరగతి లక్షణాన్ని ఉపయోగించవచ్చు. ఉద్ఘాటన.
  • మీరు సులభంగా మీ శైలులను మరింత సమర్థవంతంగా సమూహీకరించవచ్చు.
    • CSS కి అందుబాటులో ఉన్న అన్ని సమూహ పద్ధతులు బాహ్య శైలి షీట్లలో ఉపయోగించబడతాయి మరియు ఇది మీ పేజీలపై మరింత నియంత్రణ మరియు వశ్యతను అందిస్తుంది.

బాహ్య శైలి షీట్లు యొక్క ప్రతికూలతలు

  • బాహ్య శైలి షీట్లు డౌన్లోడ్ సమయం పెంచుతుంది, ప్రత్యేకించి అవి చాలా పెద్దవి. CSS ఫైల్ లోడ్ అయిన తప్పనిసరిగా వేరొక పత్రం కాబట్టి, అది ఆ పనిని ప్రదర్శించడానికి ప్రదర్శనను ప్రభావితం చేస్తుంది.
  • పేజీ తీసివేసినప్పుడు అది తీసివేయబడనందున శైలి ఇకపై ఉపయోగించనప్పుడు చెప్పడం చాలా బాహ్య శైలి షీట్లు చాలా పెద్దవిగా ఉంటాయి. మీ CSS ఫైళ్ళ సరైన నిర్వహణ ముఖ్యమైనది, ప్రత్యేకించి బహుళ ఫైల్లు ఒకే ఫైల్లో పని చేస్తాయి.
  • మీరు ఒక్క పేజీని మాత్రమే కలిగి ఉంటే CSS కోసం బాహ్య ఫైల్ను కలిగి ఉండకపోవచ్చు, ఎందుకంటే మీకు ఒకే పేజీ శైలి మాత్రమే ఉంటుంది. బాహ్య CSS యొక్క అనేక ప్రయోజనాలు మీరు ఒకే పేజీ సైట్ని కలిగి ఉన్నప్పుడు కోల్పోతారు.

బాహ్య శైలి షీట్ ఎలా సృష్టించాలి

బాహ్య శైలి షీట్లు స్థాయి శైలి షీట్లు డాక్యుమెంట్ చేయడానికి ఇదే సింటాక్స్తో సృష్టించబడతాయి. అయితే, మీరు చేర్చవలసిన అన్ని సెలెక్టర్ మరియు ప్రకటన ఉన్నాయి. ఒక పత్రం-స్థాయి శైలి షీట్లో వలె, నిబంధన కోసం వాక్యనిర్మాణం:

సెలెక్టర్ {ఆస్తి: విలువ;}

ఈ నిబంధనలను పొడిగింపుతో ఒక టెక్స్ట్ ఫైల్గా సేవ్ చేయండి. ఈ అవసరం లేదు, కానీ అది పొందడానికి ఒక మంచి అలవాటు, కాబట్టి మీరు వెంటనే ఒక డైరెక్టరీ జాబితాలో మీ శైలి షీట్లు గుర్తించగలరు.

మీరు శైలి షీట్ పత్రాన్ని కలిగి ఉంటే, దాన్ని మీ వెబ్ పేజీలకు లింక్ చేయాలి. దీనిని రెండు విధాలుగా చేయవచ్చు:

  1. లింకింగ్
    1. ఒక శైలి షీట్ లింక్ చేయడానికి, మీరు HTML టాగ్ ను ఉపయోగిస్తారు. ఈ లక్షణాలు rel , రకం , మరియు href కలిగి ఉంది . Rel attribute మీరు ఏమి చేస్తున్నారో చెబుతుంది (ఈ సందర్భంలో ఒక స్టైల్షీట్), రకం బ్రౌజర్ కోసం MIME- రకం నిర్వచిస్తుంది, మరియు href is .css ఫైల్కు మార్గం.
  2. దిగుమతి
    1. డాక్యుమెంట్ లెవల్ స్టైల్ షీట్లో మీరు దిగుమతి చేయబడిన స్టైల్ షీట్ను ఉపయోగించుకుంటారు, తద్వారా మీరు ఏ బాహ్య శైలి షీట్ యొక్క లక్షణాలను దిగుమతి చేసుకోకపోయినా బాహ్య శైలి షీట్ యొక్క లక్షణాలను దిగుమతి చేసుకోవచ్చు. ఒక లింక్ స్టైల్ షీట్ను కాల్ చేయడానికి మీరు దీనిని ఇలా పిలుస్తారు, ఇది ఒక పత్రం స్థాయి శైలి ప్రకటనలో మాత్రమే పిలవాలి. మీరు మీ వెబ్ సైట్ ను నిర్వహించవలసి ఉన్నందున మీరు అనేక బాహ్య శైలి షీట్లుగా దిగుమతి చేసుకోవచ్చు.

జెన్నిఫర్ క్రిన్ని రచించిన అసలు వ్యాసం. 8/8/17 న జెరెమీ గిరార్డ్చే సవరించబడింది