ఒక వెబ్ సైట్ యొక్క రూపాన్ని మరియు భావాన్ని లేదా "శైలి" CSS (క్యాస్కేడింగ్ స్టైల్ షీట్స్) ద్వారా నిర్దేశించబడుతుంది. ఈ మీరు మీ వెబ్ సైట్ యొక్క డైరెక్టరీకి జోడించే ఫైల్, మీ పేజీల దృశ్యమాన రూపకల్పన మరియు లేఅవుట్ను సృష్టించే వివిధ CSS నియమాలను కలిగి ఉంటుంది.
సైట్లు ఉపయోగించుకోగలవు, మరియు తరచుగా చేయటానికి, బహుళ స్టైల్ షీట్లను వాడండి, అలా చేయవలసిన అవసరం లేదు. మీరు మీ అన్ని CSS నియమాలను ఒక ఫైల్లోకి పెట్టవచ్చు మరియు అలా చేయటానికి లాభాలుంటాయి, వేగవంతమైన లోడ్ సమయం మరియు పేజీల పనితీరు వంటివి ఉన్నాయి ఎందుకంటే అవి బహుళ ఫైళ్లను పొందడం అవసరం లేదు. చాలా పెద్దదిగా ఉన్నప్పుడు, ఎంటర్ప్రైజ్ సైట్లకు వేర్వేరు స్టైల్ షీట్లు అవసరమవుతాయి, చాలా చిన్న నుండి మధ్యస్థ సైట్లు కేవలం ఒక్క ఫైల్తో చక్కగా పనిచేస్తాయి. ఈ నా వెబ్ డిజైన్ పని చాలా నేను ఉపయోగించే ఏమిటి - నా పేజీలు అవసరం అన్ని నియమాలు ఒకే CSS ఫైళ్లు. కాబట్టి ప్రశ్న ఇప్పుడు అవుతుంది - మీరు ఈ CSS ఫైల్ను ఏమి చేయాలి?
కన్వెన్షన్ బేసిక్స్ పేరు పెట్టడం
మీరు మీ వెబ్ పేజీల కోసం ఒక బాహ్య శైలి షీట్ సృష్టించినప్పుడు, మీరు మీ HTML ఫైళ్ళకు ఇలాంటి పేరు పెట్టే కన్వెన్షన్లను అనుసరించి ఫైల్ను నమోదు చేయాలి:
ప్రత్యేక అక్షరాలను ఉపయోగించవద్దు
మీరు మీ CSS ఫైల్ పేర్లలో అక్షరాలు az, సంఖ్యలు 0-9, అండర్ స్కోర్ (_), మరియు హైపన్స్ (-) ను వాడాలి. మీ ఫైల్ వ్యవస్థ వాటిని ఇతర అక్షరాలతో ఫైళ్లను సృష్టించేందుకు అనుమతించగా, మీ సర్వర్ OS ప్రత్యేక అక్షరాలు కలిగి ఉండవచ్చు. ఇక్కడ పేర్కొన్న అక్షరాలు మాత్రమే మీరు సురక్షితంగా ఉన్నారు. అన్ని తరువాత, భవిష్యత్తులో హోస్టింగ్ ప్రొవైడర్లు తరలించాలని మీరు నిర్ణయించుకుంటే, మీ సర్వర్ ప్రత్యేక అక్షరాల కోసం అనుమతిస్తే, అది కేసు కాకపోవచ్చు.
ఏదైనా ఖాళీలు ఉపయోగించవద్దు
ప్రత్యేక అక్షరాలు వలె, ఖాళీలు మీ వెబ్ సర్వర్పై సమస్యలను కలిగిస్తాయి. ఇది మీ ఫైల్ పేర్లలో వాటిని నివారించడానికి మంచి ఆలోచన. నేను కూడా ఈ అదే సమావేశాలు ఉపయోగించి PDF లు వంటి ఫైళ్లు పేరు ఒక పాయింట్ తయారు, నేను ఎప్పుడూ ఒక వెబ్సైట్ వాటిని జోడించడానికి అవసరం సందర్భంలో. మీరు ఫైల్ పేరు సులభంగా చదవటానికి ఒక స్థలాన్ని అవసరమని భావిస్తే, బదులుగా హైపన్లకు లేదా అండర్ స్కోర్లకు ఎంపిక చేసుకోండి. ఉదాహరణకి, "ఇది ఫైల్.pdf" కు బదులుగా "ఈ-ది-ఫైల్-పిడిఎఫ్" ను నేను ఉపయోగించాను.
ఫైల్ పేరు ఒక ఉత్తరంతో ప్రారంభం కావాలి
ఇది సంపూర్ణ అవసరం కానప్పటికీ, కొన్ని వ్యవస్థలు అక్షరాలతో ప్రారంభించని ఫైల్ పేర్లతో సమస్య కలిగి ఉంటాయి. ఉదాహరణకు, మీరు మీ పాత్రను అక్షరాలతో ప్రారంభించాలని ఎంచుకుంటే, ఇది సమస్యలను కలిగిస్తుంది.
అన్ని లోవర్ కేస్ ఉపయోగించండి
ఇది ఫైల్ పేరు కోసం అవసరం ఉండకపోయినా, కొన్ని వెబ్ సర్వర్లు కేస్ సెన్సిటివ్గా ఉంటాయి మరియు మీరు వేరొక సందర్భంలో ఫైల్ని మర్చిపోయి ఉంటే, అది లోడ్ చేయదు. నా సొంత పనిలో, నేను ప్రతి ఫైల్ పేరు కోసం తక్కువ కేస్ అక్షరాలను ఉపయోగిస్తాను. నేను నిజానికి ఈ కొత్త వెబ్ డిజైనర్లు చేయడానికి గుర్తుంచుకోవాలి పోరాడు ఏదో అని కనుగొన్నారు. పేరు యొక్క మొదటి అక్షరాన్ని పెట్టుబడి పెట్టడానికి ఒక ఫైల్ పేరు పెట్టేటప్పుడు వారి డిఫాల్ట్ చర్య. దీనిని నివారించండి మరియు చిన్న అక్షరాలు మాత్రమే అలవాటు చేసుకోండి.
ఫైల్ పేరును సాధ్యమైనంత చిన్నదిగా ఉంచండి
చాలా ఆపరేటింగ్ సిస్టమ్స్లో ఫైల్ పేరు పరిమాణం పరిమితి ఉన్నప్పటికీ, ఇది CSS ఫైల్ పేరుకు తగినదిగా ఉంటుంది. పొడిగింపుతో సహా ఫైల్ పేరుకు బొటనవేలు మంచి పాలన కాదు, 20 అక్షరాల కంటే ఎక్కువ. యదార్థంగా, దాని కంటే చాలా ఎక్కువ కాలం పని మరియు ఏ విధంగా అయినా లింక్ చేయదగినది!
మీ CSS ఫైల్ పేరు యొక్క అత్యంత ముఖ్యమైన భాగం
CSS ఫైల్ పేరు యొక్క అతి ముఖ్యమైన భాగం ఫైల్ పేరు కాదు, కానీ పొడిగింపు. Macintosh మరియు Linux వ్యవస్థలపై ఎక్స్టెన్షన్లు అవసరం లేదు, కానీ CSS ఫైల్ను వ్రాస్తున్నప్పుడు ఏమైనా చేర్చడానికి ఇది మంచి ఆలోచన. ఆ విధంగా మీరు ఎప్పుడైనా అది ఒక శైలి షీట్ అని తెలుసుకుంటుంది మరియు అది భవిష్యత్తులో ఉన్నదానిని గుర్తించడానికి ఫైల్ను తెరవకూడదు.
ఇది బహుశా పెద్ద ఆశ్చర్యం కాదు, కానీ మీ CSS ఫైల్పై పొడిగింపు ఉండాలి:
.cssCSS ఫైల్ నేమింగ్ కన్వెన్షన్స్
మీరు ఎప్పుడైనా ఎప్పుడూ సైట్లో ఒక CSS ఫైల్ ఉంటే, మీకు నచ్చినది పేరు పెట్టవచ్చు. నేను ఇష్టపడతాను:
styles.css లేదా default.cssనేను పనిచేసే సైట్లు చాలా ఒకే CSS ఫైల్లను కలిగి ఉంటాయి కాబట్టి, ఈ పేర్లు నాకు బాగా పనిచేస్తాయి.
మీ వెబ్ సైట్ బహుళ CSS ఫైల్లను ఉపయోగిస్తుంటే, వారి ఫంక్షన్ తర్వాత స్టైల్ షీట్లను పేరు పెట్టండి, కాబట్టి ప్రతి ఫైల్ యొక్క ప్రయోజనం ఏమిటో స్పష్టంగా ఉంది. ఒక వెబ్ పేజీ వాటికి బహుళ స్టైల్ షీట్లను కలిగి ఉండటం వలన, ఆ శైలు యొక్క ఫంక్షన్ మరియు దానిలోని శైలుల ఆధారంగా మీ శైలులను విభిన్న షీట్లుగా విభజించడానికి ఇది సహాయపడుతుంది. ఉదాహరణకి:
- లేఅవుట్ vs డిజైన్ layout.css design.css
- పేజీ విభాగాలు main.css nav.css
- ఉప విభాగాలు mainstyles.css subpage.css తో మొత్తం సైట్
మీ వెబ్ సైట్ కొంత రకమైన ఫ్రేమ్ని ఉపయోగిస్తుంటే, మీరు బహుళ CSS ఫైళ్లను ఉపయోగిస్తుందని గమనించండి, ప్రతి పేజీ యొక్క వివిధ భాగాలకు లేదా సైట్ యొక్క అంశాలకు (టైపోగ్రఫీ, రంగు, లేఅవుట్ మొదలైనవి) అంకితమైనది.
జెన్నిఫర్ క్రిన్ని రచించిన అసలు వ్యాసం. జెరెమీ గిరార్డ్ 9/5/17 న సవరించబడింది