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