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