రచయిత:
Eric Farmer
సృష్టి తేదీ:
3 మార్చి 2021
నవీకరణ తేదీ:
1 జూలై 2024
విషయము
- దశలు
- 2 వ పద్ధతి 1: బాహ్య శైలి షీట్ను ఎలా సెటప్ చేయాలి
- 2 వ పద్ధతి 2: అంతర్గత శైలి షీట్ను ఎలా చొప్పించాలి
- చిట్కాలు
- హెచ్చరికలు
వెబ్ పేజీలో ఏ అంశాలు ఉన్నాయో హైపర్టెక్స్ట్ మార్కప్ లాంగ్వేజ్ (HTML) నిర్ణయిస్తుంది. క్యాస్కేడింగ్ స్టైల్ షీట్స్ (CSS) ప్రోగ్రామింగ్ లాంగ్వేజ్ ఈ అంశాలు ఎలా కనిపించాలో వివరిస్తుంది.CSS ఫైల్ HTML కు బాహ్యంగా (CSS ప్రత్యేక ఫైల్గా జోడించబడింది) లేదా అంతర్గత స్టైల్ షీట్ (CSS HTML ఫైల్లో చేర్చబడింది) గా జోడించబడుతుంది. మీ సైట్ను రీడిజైన్ చేయడానికి CSS ని HTML ఫైల్లో ఎలా పొందుపరచాలో తెలుసుకోండి.
దశలు
2 వ పద్ధతి 1: బాహ్య శైలి షీట్ను ఎలా సెటప్ చేయాలి
- 1 CSS ఫైల్ను సృష్టించండి. ".Css" పొడిగింపుతో CSS ఫైల్ను సిద్ధం చేసి సేవ్ చేయండి.
- 2 CSS ఫైల్ను మీ సైట్కి అప్లోడ్ చేయండి.
- 3 CSS ఫైల్ యొక్క చిరునామా (URL) ని కాపీ చేయండి. సైట్ చిరునామా ఇలా కనిపిస్తుంది: www.yoursite.com/stylesheet.css.
- URL నుండి ప్రాథమిక డొమైన్ పేరును తీసివేయడం మంచి పద్ధతి. దీని ఆధారంగా, చిరునామా http: //myisite.com/css/default.css "/css/default.css" కు కుదించబడుతుంది. ప్రముఖ స్లాష్ ("/") చేర్చాలని గుర్తుంచుకోండి. దీనిని సాపేక్ష మార్గం అంటారు.
- 4 ఫైల్లోకి లింక్ని చొప్పించండి. మీ HTML ఫైల్లో / head> ట్యాగ్ను కనుగొని, దాని పైన ఖాళీ లైన్ను సృష్టించండి. ఆ లైన్లో అతికించండి LINK rel = స్టైల్షీట్ రకం = "text / css" href = "www.your_site.com / stylesheet.css">, CSS ఫైల్లోని లింక్తో "www.your ..." స్థానంలో.
- 5 HTML ఫైల్ను సేవ్ చేసి, దాన్ని సైట్కి అప్లోడ్ చేయండి.
- 6 సైట్లోని ప్రతిదీ తప్పనిసరిగా కనిపించేలా చూసుకోండి. లేకపోతే, HTML ఫైల్ను తిరిగి తెరవండి, లోపాల కోసం చూడండి మరియు మార్పులు చేయండి.
2 వ పద్ధతి 2: అంతర్గత శైలి షీట్ను ఎలా చొప్పించాలి
- 1 లేబుల్ శైలిని సృష్టించండి>. HTML ఫైల్ని తెరిచి / హెడ్> ట్యాగ్ని కనుగొనండి. దాని పైన కొన్ని ఖాళీ పంక్తులను జోడించి, కింది వాటిని నమోదు చేయండి:
శైలి రకం = "వచనం / css"> / శైలి>
- 1 ఈ రెండు లేబుల్ల మధ్య మీ CSS మొత్తాన్ని అతికించండి.
- 2 HTML ఫైల్ను సేవ్ చేయండి (.html పొడిగింపుతో).
- 3 సైట్లోని ప్రతిదీ తప్పనిసరిగా కనిపించేలా చూసుకోండి. లేకపోతే, కావలసిన మార్పులు చేయండి.
చిట్కాలు
- వివిధ బ్రౌజర్లలో మరియు విభిన్న ఆపరేటింగ్ సిస్టమ్లలో ఎల్లప్పుడూ సైట్ రూపాన్ని తనిఖీ చేయండి. కొన్ని బ్రౌజర్లు CSS కి కొద్దిగా విభిన్న మార్గాల్లో కనెక్ట్ అవుతాయి. ఇది ఒకే బ్రౌజర్లో కూడా జరగవచ్చు, కానీ Mac మరియు Windows యొక్క విభిన్న వెర్షన్లలో. మీ సైట్ మరొక బ్రౌజర్లో విభిన్నంగా కనిపిస్తే (ఉదాహరణకు, కొన్ని వస్తువుల మధ్య అంతరాలు, లిస్టులు వంటివి వేరే పరిమాణంలో ఉంటాయి), అప్పుడు సమస్య ఏమిటంటే బ్రౌజర్ సెట్టింగ్లు. డిఫాల్ట్ బ్రౌజర్ సెట్టింగ్లను మార్చడానికి మాస్టర్ స్టైల్షీట్ను కనుగొని CSS ఫైల్ ఎగువన అతికించండి. మీ సెట్టింగ్లు బ్రౌజర్లోనే ఏమీ మారకుండా ఉండటానికి ఇది జరుగుతుంది.
- మీకు వీలైతే బాహ్య శైలి షీట్ను చొప్పించండి. సోర్స్ ఫైల్లోని కోడ్ను సవరించడం ద్వారా సైట్ యొక్క రూపాన్ని మార్చడానికి ఇది మిమ్మల్ని అనుమతిస్తుంది. ఈ విధంగా మీరు మీ సైట్ యొక్క ప్రతి పేజీలో CSS ని మార్చాల్సిన అవసరం లేదు.
- మీరు ఆశించిన విధంగా మీ సైట్ CSS కి ప్రతిస్పందించనట్లయితే, మొత్తం ఎన్కోడింగ్ సరిగ్గా ఉందో లేదో తనిఖీ చేయడానికి రెండుసార్లు తనిఖీ చేయండి. ముఖ్యంగా, సెమికోలన్స్ (";") మరియు క్లోజింగ్ బ్రాకెట్స్ ("}") పై ప్రత్యేక శ్రద్ధ వహించండి. CSS ఫైల్లో ఈ అక్షరాలలో ఒకదాన్ని వదిలివేయడం చాలా సులభం.
- HTML ఫైల్ను మీ కంప్యూటర్లో సేవ్ చేయండి, తద్వారా మీరు దానిని తర్వాత వివిధ వెబ్ బ్రౌజర్లలో తెరవవచ్చు మరియు మరింత డౌన్లోడ్ చేయడానికి ముందు దాని రూపాన్ని రెండుసార్లు తనిఖీ చేయండి. కానీ దానిని లోడ్ చేయడానికి, CSS ఫైల్ని HTML లోకి బాహ్య స్టైల్షీట్గా చేర్చాలి.
- స్టైల్ షీట్ తనకు విరుద్ధంగా ఉంటే - ఉదాహరణకు, టెక్స్ట్ నీలిరంగులో ఉంటుందని మరియు తరువాత ఎరుపుగా ఉంటుందని ముందుగా చెబుతుంది - చివరి షరతు ఎల్లప్పుడూ నెరవేరుతుంది. ఒక ఆదేశం బాహ్య శైలి షీట్ అయితే మరొకటి అంతర్గత శైలి షీట్ అయితే, అంతర్గత శైలి షీట్ చురుకుగా ఉంటుంది.
హెచ్చరికలు
- "ఓపెన్" స్టేజింగ్ CSS, అంటే HTML ట్యాగ్లో చేర్చబడిన CSS ని ఉపయోగించవద్దు. (ఉదాహరణ: "align = 'center'" అనేది ఒక ఓపెన్ CSS సెట్టింగ్). పేలవమైన వాక్యనిర్మాణంతో ఇది వాడుకలో లేని ఎంపిక. కొంతకాలం తర్వాత మీరు సైట్ను అప్డేట్ చేయాల్సి వస్తే, ఈ సెట్టింగ్ను మార్చడం కష్టమవుతుంది.