విషయము
క్యాస్కేడింగ్ స్టైల్ షీట్ (CSS) పత్రాన్ని రూపొందించడానికి ఉపయోగించే టెక్స్ట్ ఎడిటర్లలో నోట్ప్యాడ్ ఒకటి. నోట్ప్యాడ్లో CSS ఫైల్ను సృష్టించిన తర్వాత, మీరు ఆ ఫైల్ను వెబ్ పేజీకి లింక్ చేయవచ్చు, తద్వారా వెబ్ పేజీలోని కంటెంట్ మీ స్టైల్షీట్తో ఫార్మాట్ చేయబడుతుంది.
దశలు
- 1 నోట్ప్యాడ్ ప్రోగ్రామ్ని తెరవండి.
- 2కింది కోడ్ని కాపీ చేయండి:
@charset "utf-8"; / * CSS పత్రం * // * శరీర మూలకం యొక్క రంగును నిర్వచించండి * / శరీరం {నేపథ్యం: # FFFFFF}} / * ఈ విభాగం లింక్ల కోసం * / a: లింక్ { ఫాంట్-వెయిట్: సాధారణ; రంగు: నేవీ} a: సందర్శించిన {ఫాంట్-వెయిట్: సాధారణ; రంగు: ఆకుపచ్చ;} a: హోవర్ {ఫాంట్-వెయిట్: బోల్డ్; రంగు: ఎరుపు; ఫాంట్-వేరియంట్: స్మాల్-క్యాప్స్;} / * ఈ విభాగం పేరాగ్రాఫ్ సెక్షన్ * / p {ఫాంట్-స్టైల్: ఇటాలిక్; font-size: 18px;} నీలం {రంగు: # 0000FF;} / * ఈ విభాగం చిత్రం యొక్క నల్లని అంచు కోసం. * / img {సరిహద్దు రంగు: # 000000; సరిహద్దు: మందపాటి; సరిహద్దు శైలి: శిఖరం;}
# "దశ 2" నుండి నోట్ప్యాడ్లో కోడ్ని అతికించండి.
- 1 నోట్ప్యాడ్లో ఫైల్ను సేవ్ చేయండి. "ఫైల్" బటన్ని క్లిక్ చేసి "సేవ్" ఆదేశాన్ని ఎంచుకోవడం ద్వారా దానిని "SimpleCSS.css" పేరుతో సేవ్ చేయండి. "సేవ్" బటన్ని క్లిక్ చేసిన తర్వాత, "ఇలా సేవ్ చేయి" డైలాగ్ బాక్స్ ప్రదర్శించబడుతుంది.
- 2 మీ CSS ఫైల్కు పేరు పెట్టండి. ".Css" పొడిగింపుతో "SimpleCSS.css" లేదా "ఫైల్ పేరు" టెక్స్ట్ బాక్స్లో ఏదైనా పేరును నమోదు చేయండి.
- 3 "సేవ్" బటన్ క్లిక్ చేయండి.
- 4 అది ఐపోయింది!
చిట్కాలు
- నోట్ప్యాడ్ ఫైల్ను టెక్స్ట్ ఓన్లీగా సేవ్ చేయండి (కొన్నిసార్లు మీరు దీనిని టెక్స్ట్ డాక్యుమెంట్ లేదా ASCII అని పిలవవచ్చు) మరియు దానికి ".css" ఎక్స్టెన్షన్ ఇవ్వండి.
- పరిచయ విభాగంలో ప్రదర్శించబడిన మా నమూనా వెబ్ పేజీలో HTML మూలకాలను మార్చడానికి నోట్ప్యాడ్ని ఉపయోగించి ప్రాథమిక CSS ఫైల్ను ఎలా సృష్టించాలో మీకు చూపించడానికి మేము ఇక్కడ వ్రాసిన కోడ్ కేవలం ఒక ఉదాహరణ. మీరు మా CSS కోడింగ్ని మార్చవచ్చు, అయితే, మీరు వెబ్ పేజీల శైలులు మరియు రూపాన్ని ఎలా ఫార్మాట్ చేయాలనుకుంటున్నారు.
- మీరు మీ వెబ్ పేజీలను సృష్టించిన మీ HTML పత్రాల వలె అదే ఫోల్డర్లో సేవ్ చేసిన CSS పత్రాన్ని ఉంచాలని గుర్తుంచుకోండి.
- మీరు మీ CSS పత్రాన్ని సృష్టించిన తర్వాత, మీరు తదుపరి దశను తీసుకోవలసి ఉంటుంది; అంటే డాక్యుమెంట్ మరియు వెబ్ పేజీని లింక్ చేయండి. దీన్ని చేయడానికి దయచేసి సంబంధిత కథనాలను చూడండి.
మీకు అవసరమైన విషయాలు
- కంప్యూటర్
- నోట్ప్యాడ్ ప్రోగ్రామ్
- అంతర్జాల బ్రౌజర్