కొన్నిసార్లు వెబ్ పేజీ డిజైనర్లు సృష్టిస్తారు ఆసక్తికరమైన ఎంపికలు. ఒక పేజీని మరింత చదవడానికి … చదవగలిగేలా చేయడానికి నీడ నేపథ్యంలో చిన్న, ఫాన్సీ ఫాంట్లను ఎందుకు ఉపయోగించకూడదు? ఆపిల్ దాని అన్ని ప్లాట్ఫారమ్లలో సఫారిలో అంతర్నిర్మిత రీడర్ వీక్షణ మీకు చిన్న, కష్టపడి చదవగల ఉద్యోగాలు చేయడానికి అనుమతిస్తుంది. కానీ మీరు చాలా ఫార్మాటింగ్, కొన్ని చిత్రాలు మరియు పేజీలోని ఇతర అంశాలను కోల్పోతారు.
మాకోస్ కోసం సఫారి దాని స్లీవ్ పైకి మరొక ఏస్ కలిగి ఉంది: కస్టమ్ CSS. వెబ్ పేజీ యొక్క నిర్మాణం మరియు కంటెంట్ను HTML నిర్వచిస్తుంది, CSS (క్యాస్కేడింగ్ స్టైల్ షీట్స్) అనేది ఫాంట్ పరిమాణాల నుండి నిలువు వరుసలు మరియు తేలియాడే పెట్టెల వరకు ప్రదర్శన మరియు ఆకృతీకరణకు లోబడి ఉండే ఎన్కోడింగ్. లో సఫారి> ప్రాధాన్యతలు> అధునాతనమైనవి, మీరు స్టైల్ షీట్ పాప్-అప్ మెను నుండి అనుకూల శైలి షీట్ను ఎంచుకోవచ్చు.
విషయాలు ఎలా ఉండాలో మీరు వెబ్ పేజీ నిర్వచనాలను భర్తీ చేయవచ్చు.
ప్రభావం చూపడానికి మీరు చాలా CSS గురించి తెలుసుకోవలసిన అవసరం లేదు. ఉదాహరణకు, అన్ని ఇతర టైప్ఫేస్ల కంటే మీకు ఏరియల్ అంటే ఇష్టం. ఈ సింగిల్ లైన్ ఉన్న ఒక CSS ఫైల్ అన్ని పేజీలలోని టైప్ఫేస్ను ఏరియల్ గా మారుస్తుంది:
html body { font-family: Arial !important }
డీకోడ్ చేయబడింది, ఇది “ఒక HTML పేజీ యొక్క శరీర విభాగం కోసం, మీరు ఒక పేజీలో చూసే ప్రతిదానికీ కంటైనర్, ఫాంట్ కుటుంబాన్ని ఏరియల్కు సెట్ చేయండి మరియు మిగతావన్నీ భర్తీ చేస్తుంది”. ది జలపాతం CSS పేరు యొక్క భాగం అతివ్యాప్తి ఎంపికలు ఉన్నప్పుడు ఉపయోగించాల్సిన శైలి లక్షణాలపై సోపానక్రమం నిర్వచిస్తుంది. బ్రౌజర్ మొదటి ఎంపికను పొందుతుంది !important
ఫ్లాగ్ ఇలా చెబుతోంది: “ఇతర స్టైల్ షీట్లు ఏమి చెబుతున్నాయో నేను పట్టించుకోను – నా పరామితిని ఉపయోగించండి!”
మీరు మరొక టైప్ఫేస్ను కావాలనుకుంటే, దానిని ప్రదర్శించే ఏదైనా అనువర్తనంలో ఫాంట్ ప్యానెల్ ద్వారా చూడండి (టెక్స్ట్ఎడిట్ అటువంటి అనువర్తనం; దీన్ని చూడటానికి కమాండ్-టి నొక్కండి) మరియు పేరు కనిపించే స్టైల్షీట్లో కనిపించే విధంగానే నమోదు చేయండి. ఇది ఖాళీలను కలిగి ఉంటే, పేరు చుట్టూ కోట్స్ చొప్పించండి font-family: "Cooper Hewitt" !important
అడ్వాన్స్డ్లోని స్టైల్ షీట్ మెను ద్వారా మీరు షీట్ను ఆన్ మరియు ఆఫ్ టోగుల్ చేయవచ్చు. మీరు ఉపయోగించకూడదనుకున్నప్పుడు ఏదీ ఎంచుకోలేదు. మీరు స్టైల్ షీట్లోని వచనాన్ని కూడా మార్చవచ్చు, తద్వారా ఇది సవరించడం వంటిది వర్తించదు html
కోసం nohtml
మరియు దాన్ని సేవ్ చేయండి.
CSS ఫైల్ పొడిగింపుతో సాదా టెక్స్ట్ ఫైల్ .css
పొడిగింపు. మీరు దీన్ని మాకోస్లో నిర్మించిన టెక్స్ట్ ఎడిట్తో సృష్టించవచ్చు. హాస్యాస్పదంగా, టెక్స్ట్ఎడిట్ డిఫాల్ట్ ఫార్మాటింగ్తో మాత్రమే RTF టెక్స్ట్ ఫైళ్ళను సృష్టిస్తుంది. ఎంచుకొను టెక్స్ట్ఎడిట్> ప్రాధాన్యతలు మరియు ఫార్మాట్లోని సాదా వచన ఎంపికను ఎంచుకుని, ఆపై ఎంచుకోండి ఫైల్> క్రొత్తది సాదా వచన ఫైల్ను సృష్టించడానికి. ఏదైనా పేరుతో పాటు సేవ్ చేయండి .css
పొడిగింపు. ఇప్పుడు స్టైల్ షీట్ మెనులో, ఇతర ఎంచుకోండి మరియు ఆ ఫైల్ను ఎంచుకోండి.
మీరు HTML మరియు CSS లో మునిగిపోవడం ద్వారా ఒక పేజీ లేదా ఇతర అంశాలపై నిర్దిష్ట అంశాలను లక్ష్యంగా చేసుకోగలిగినందున, మీ నిర్వచనంలో మీరు ప్రపంచానికి వెళ్ళవలసిన అవసరం లేదు – ఇది మీరు అనుకున్నంత భయంకరమైనది కాదు. చివరికి, W3 పాఠశాలలు ట్యుటోరియల్స్ మరియు సాధారణ వంటకాలను అందిస్తుంది; మరింత సాంకేతిక వైపు, క్రెయిగ్ ఆంథోనీ ఈ రూపాన్ని సఫారి పున ments స్థాపనలలో వ్రాసాడు, ఇది మీకు వేరే టేక్ ఇస్తుంది.
నేను చాలా ప్రత్యేకమైన పరిష్కారాల కోసం కొన్ని అనుకూల CSS ని ఉపయోగించాను. ఉదాహరణకు, సబ్స్టాక్ యొక్క వార్తాలేఖ సామ్రాజ్యం నా పఠన ఆనందానికి టెక్స్ట్ ట్రాకింగ్ (అక్షరాల మధ్య మొత్తం అంతరం) చాలా పెద్దది. (కెర్నింగ్, మార్గం ద్వారా, మధ్య స్థలం ప్రక్కనే అక్షరాలు, పరిధిలో కాదు.) ఈ CSS నిర్వచనం నా కోసం జాగ్రత్త తీసుకుంటుంది, అదే సమయంలో నా వృద్ధాప్య కళ్ళకు రకం పరిమాణాన్ని కూడా పెంచుతుంది:
.post p { letter-spacing: -0.1pt !important; font-size: 17px !important; }
ది .post p
భాగం అంటే: “పేరా ద్వారా [p] “పోస్ట్” పేరుతో గుర్తించబడింది, ఈ శైలిని వర్తింపజేయండి. “ఇది” పోస్ట్ “ను ట్యాగ్ పేరుగా (లేదా” క్లాస్ “) ఉపయోగించే ఇతర వెబ్పేజీలలో బ్యాక్ఫైర్ చేయవచ్చు, ఎందుకంటే ఆ పేర్లను వెబ్సైట్లలో తిరిగి ఉపయోగించుకోవచ్చు!
Mac 911 ని అడగండి
సమాధానాలు మరియు కాలమ్ లింక్లతో పాటు చాలా తరచుగా అడిగే ప్రశ్నల జాబితాను మేము సంకలనం చేసాము – మీ ప్రశ్న నెరవేరిందో లేదో చూడటానికి మా సూపర్ FAQ ని చదవండి. కాకపోతే, మేము ఎల్లప్పుడూ కొత్త సమస్యలను పరిష్కరించడానికి చూస్తున్నాము! తగిన స్క్రీన్లతో సహా మీ ఇమెయిల్ను [email protected] కు పంపండి మరియు మీరు మీ పూర్తి పేరును ఉపయోగించాలనుకుంటే. అన్ని ప్రశ్నలకు సమాధానం ఇవ్వబడదు, మేము ఇమెయిల్లకు ప్రతిస్పందించము మరియు ప్రత్యక్ష ట్రబుల్షూటింగ్ సలహాలను ఇవ్వలేము.