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

బాహ్య CSS డెఫినిషన్ మరియు ఎలా ఒక లింక్

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

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

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

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

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

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

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

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

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

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

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

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

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

ట్యాగ్ల నుండి వేరు చేయవలసి ఉన్నందున అంతర్గత స్టైలింగ్కు