బాహ్య శైలి షీట్ అంటే ఏమిటి?

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

అంతర్గత మరియు ఇన్లైన్ శైలి షీట్లు HTML ఫైల్ లోపలనే నిల్వ చేయబడతాయి. ప్రస్తుతానికి వారు సులభంగా పని చేస్తారు, కానీ అవి ఒక కేంద్ర స్థానంలో నిల్వ చేయబడనందున, ఒకేసారి మొత్తం వెబ్సైట్లో స్టైలింగ్కు సులభంగా మార్పులు చేయడం అసాధ్యం; మీరు బదులుగా ప్రతి ఎంట్రీకి తిరిగి వెళ్ళి మానవీయంగా మార్చాలి.

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

ఒకటి లేదా అంతకంటే ఎక్కువ పత్రాలు ఒకే CSS ఫైల్కు లింక్ చేయగలవు మరియు ఒక వెబ్ సైట్ వివిధ పేజీలు, పట్టికలు, చిత్రాలు మొదలైనవాటిని స్టైలింగ్ కోసం అనేక ఏకైక CSS ఫైళ్లను కలిగి ఉండవచ్చు

ఎలా ఒక బాహ్య శైలి షీట్ లింక్

ఒక నిర్దిష్ట బాహ్య శైలి షీట్ను ఉపయోగించాలనుకుంటున్న ప్రతి వెబ్ పేజీ లోపల CSS ఫైల్ను లింక్ చేయవలసి ఉంటుంది విభాగం, ఈ వంటి చాలా:

ఈ ఉదాహరణలో, మీ స్వంత పత్రానికి ఇది వర్తింప చేయడానికి మాత్రమే మార్చవలసిన అవసరం ఉంది styles.css టెక్స్ట్. ఇది మీ CSS ఫైల్ యొక్క స్థానం.

ఫైలు నిజానికి పిలుస్తారు ఉంటే styles.css మరియు దానికి లింక్ చేసే పత్రం యొక్క ఖచ్చితమైన ఫోల్డర్లో ఉంది, అది పైన చదివే సరిగ్గా ఉంటుంది. అయితే, అవకాశాలు మీ CSS ఫైల్ ఏదో పేరు పెట్టారు ఉన్నాయి, ఈ సందర్భంలో మీరు మీదే సంసార "శైలులు" నుండి పేరు మార్చవచ్చు.

CSS ఫైల్ ఈ ఫోల్డర్ యొక్క మూలంలో కాకపోయినా బదులుగా ఉప ఫోల్డర్లో ఉంటే, అది బదులుగా ఇలాంటి ఏదో చదివి ఉండవచ్చు:

బాహ్య CSS ఫైల్స్పై మరింత సమాచారం

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

బాహ్య స్టైలింగ్ తో, అయితే, అదే CSS ఫైల్ వెబ్ సైట్ లో వాచ్యంగా ప్రతి పేజీ కోసం ఉపయోగించవచ్చు కాబట్టి వాటిని అన్ని ఒక ఏకరీతి లుక్ కలిగి, మరియు మొత్తం వెబ్సైట్ యొక్క CSS కంటెంట్ సంకలనం చాలా సులభం మరియు కేంద్రీకృత ఉంది.

మీరు క్రింద పని ఎలా చూడండి …

అంతర్గత స్టైలింగ్ వాడకం అవసరం

అయినప్పటికీ, బాహ్య స్టైల్ షీట్లు వాటి సొంత ఫైల్లో ఉంటాయి కాబట్టి, వీటిని సృష్టించవచ్చు మరియు ఇది పై నమూనా వలె ఖచ్చితమైన విషయం అర్థం:

శరీరం {background-color: green; } h1 {color: blue; margin-left: 15px; }

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