पढ़ने में आसान बनाने वाला 100-बाइट CSS कोड

 (swyx.io)
11 पॉइंट द्वारा xguru 2021-10-29 | 2 टिप्पणियां | WhatsApp पर शेयर करें
  • user stylesheet extension में जोड़ें ताकि वेबसाइट देखना अधिक आरामदायक हो

html {

max-width: 70ch; /* 70 अक्षरों की चौड़ाई सेट करें */

padding: 3em 1em; /* ऊपर-नीचे का खाली स्थान */

margin: auto; /* बीच में रखें */

line-height: 1.75; /* पढ़ने में आसान line height. फ़ॉन्ट आकार के अनुसार समायोजित हो सके, इसलिए जानबूझकर unit नहीं दिया गया */

font-size: 1.25em; /* इस मान को अपनी पसंद के आकार के अनुसार बदला जा सकता है. em में रखें ताकि scale हो सके */

}

  • अतिरिक्त 100 bytes

h1,h2,h3,h4,h5,h6 {

margin: 3em 0 1em;

}

p,ul,ol {

margin-bottom: 2em;

color: #1d1d1d;

font-family: sans-serif;

}

संबंधित पढ़ाई

2 टिप्पणियां

 
lunamoth 2021-10-29

जिन वेबपेजों को मैं अक्सर देखता हूँ, उनके लिए

font-family: Lato,NanumBarunGothic;

font-size: 17px;

line-height: 200%;

word-break: keep-all;

इसे डालकर देख रहा हूँ,

इसे भी एक बार जोड़कर देखना चाहिए। धन्यवाद
 
xguru 2021-10-29

ब्राउज़र एक्सटेंशन Stylebot https://github.com/ankit/stylebot

बुकमार्कलेट के रूप में ऐसा ही कुछ करने वाले