CSS బ్యూటిఫైయర్ & మినిఫైయర్

గజిబిజిగా ఉన్న CSSని చదవడానికి రీ-ఇండెంట్ చేయండి, లేదా మీ రూల్స్ క్రమాన్ని మార్చని సేఫ్ మోడ్‌తో మినిఫై చేసి పబ్లిష్ చేయండి.

ఇండెంట్
కంప్రెషన్
CSSని అందంగా మార్చడానికి లేదా మినిఫై చేయడానికి ఇక్కడ పేస్ట్ చేయండి లేదా టైప్ చేయండి.

మీ CSS మీ బ్రౌజర్‌లోనే ఫార్మాట్ మరియు మినిఫై చేయబడుతుంది. BroBroGoకి ఏదీ అప్‌లోడ్ చేయబడదు.

తరచుగా అడిగే ప్రశ్నలు

బ్యూటిఫై మరియు మినిఫైల మధ్య తేడా ఏమిటి?

బ్యూటిఫై (Beautify) అనేది మీ స్టైల్స్ సులభంగా చదవడానికి మరియు ఎడిట్ చేయడానికి వీలుగా వాటి ఇండెంటేషన్ మరియు స్పేసింగ్‌లను సరిచేస్తుంది. మినిఫై (Minify) దీనికి విరుద్ధంగా పనిచేస్తుంది — బ్రౌజర్‌కు అవసరం లేని వైట్‌స్పేస్ మరియు కామెంట్‌లను తొలగిస్తుంది, అలాగే రంగుల వంటి విలువలను కుదిస్తుంది, తద్వారా ఫైల్ పరిమాణం తగ్గి వేగంగా లోడ్ అవుతుంది. మీరు పని చేస్తున్నప్పుడు బ్యూటిఫైని ఉపయోగించండి, పబ్లిష్ చేసే ముందు మినిఫై చేయండి.

సేఫ్ మరియు ఆప్టిమైజ్డ్ కంప్రెషన్ సెట్టింగ్‌లు ఏమి చేస్తాయి?

సేఫ్ (Safe) మోడ్ కేవలం వైట్‌స్పేస్ మరియు కామెంట్‌లను మాత్రమే తొలగించి, విలువలను కుదిస్తుంది, మీరు రాసిన ప్రతి రూల్‌ను యథాతథంగా ఉంచుతుంది. ఆప్టిమైజ్డ్ (Optimized) మోడ్ ఇంకాస్త ముందుకు వెళ్లి, ఫైల్ పరిమాణాన్ని మరింత తగ్గించడానికి ఒకేలాంటి సెలెక్టర్లు మరియు రూల్స్‌ను విలీనం చేస్తుంది — ఇది రూల్స్ క్రమాన్ని మార్చవచ్చు, కాబట్టి సోర్స్ క్రమంపై ఆధారపడే స్టైల్‌షీట్‌ల విషయంలో పబ్లిష్ చేయడానికి ముందు ఒకసారి సరిచూసుకోవడం మంచిది. /*! … */ అని గుర్తించబడిన కామెంట్‌లు ఏ మోడ్‌లోనైనా అలాగే ఉంచబడతాయి.

మినిఫై చేయడం వల్ల నా పేజీ కనిపించే విధానం మారుతుందా?

సేఫ్ (Safe) మోడ్‌లో ఎటువంటి మార్పు ఉండదు — మీ స్టైల్స్ మునుపటిలాగే ఖచ్చితంగా కనిపిస్తాయి. ఇది వైట్‌స్పేస్‌ను తగ్గిస్తుంది, సాధారణ కామెంట్‌లను తొలగిస్తుంది మరియు విలువలను చిన్న సమాన రూపాల్లోకి మారుస్తుంది (ఉదాహరణకు #ffffff ని #fff గా), అంతేకాకుండా ఇది మీ వెండర్ ప్రిఫిక్స్‌లను లేదా ఆధునిక సింటాక్స్‌ను ఎప్పటికీ మార్చదు. ఆప్టిమైజ్డ్ (Optimized) మోడ్ రూల్స్‌ను కూడా విలీనం చేస్తుంది, ఇది దాదాపు అన్ని స్టైల్‌షీట్‌లలో ఒకేలా కనిపిస్తుంది, కానీ మీ స్టైల్స్ రూల్స్ క్రమంపై ఆధారపడి ఉంటే ఒకసారి సరిచూసుకోవడం మంచిది.