वेबसाइट डिजाइन गर्दा, पाठ ढाँचा एक आकर्षक र पढ्न योग्य इन्टरफेस सिर्जना गर्न को लागी एक महत्वपूर्ण पक्ष हो।
CSS ले फन्ट रङ, साइज, परिवार, पङ्क्तिबद्धता, स्पेसिङ, र थप सहित पाठका विभिन्न तत्वहरूलाई अनुकूलन गर्न अनुमति दिने धेरै गुणहरू प्रदान गर्दछ।
तल प्रत्येक गुणको लागि उदाहरणहरू सहित प्रत्येक पाठ ढाँचा गुणमा विस्तृत गाइड छ।
फन्ट रङ
प्यारामिटर: रङ मान, जुन रङ नाम(जस्तै, red), हेक्स कोड(जस्तै, "#FF0000"), RGB मान(जस्तै, "rgb(255, 0, 0)"), वा RGBA मान(जस्तै।, "rgba(255, 0, 0, 0.5)")।
p {
color: blue;
}
फन्ट साइज
प्यारामिटर: एक साइज मान, जुन पिक्सेलमा हुन सक्छ(जस्तै, "16px"), em एकाइहरू(जस्तै, "1em"), rem एकाइहरू(जस्तै, "1.2rem"), भ्युपोर्ट चौडाइ एकाइहरू(उदाहरण, "10vw"), भ्युपोर्ट उचाइ एकाइहरू(जस्तै, "5vh"), वा अन्य एकाइहरू।
h1 {
font-size: 24px;
}
फन्ट परिवार
प्यारामिटर: एक फन्ट परिवार सूची, रुचाइएको क्रममा निर्दिष्ट। तपाईंले फन्ट नाम(जस्तै, Arial) निर्दिष्ट गर्न सक्नुहुन्छ वा दोहोरो उद्धरणहरूमा विशेष क्यारेक्टरहरू समावेश गर्ने फन्ट नामहरू संलग्न गर्न सक्नुहुन्छ(जस्तै, " Times New Roman)।
body {
font-family: Arial, sans-serif;
}
फन्ट वजन र शैली
प्यारामिटर font-weight: normal(default), bold, bolder, lighter, वा संख्यात्मक मानहरू 100 देखि 900 सम्म।
प्यारामिटर font-style: normal(default), italic ।
em {
font-style: italic;
}
strong {
font-weight: bold;
}
पाठ सजावट
प्यारामिटर: "none"(default), "underline", "overline", "line-through" वा खाली ठाउँहरूद्वारा विभाजित मानहरूको संयोजन।
a {
text-decoration: underline;
}
del {
text-decoration: line-through;
}
पाठ पङ्क्तिबद्धता
प्यारामिटर "left"(default), "right", "center" or "justify":।
p {
text-align: center;
}
रेखा उचाइ र मार्जिन
प्यारामिटर लाइन-उचाइ: संख्यात्मक मान वा हालको फन्ट साइजको प्रतिशत।
प्यारामिटर मार्जिन: एक मापन मान, जस्तै पिक्सेल(px), em एकाइहरू(em), rem एकाइहरू(rem), आदि।
p {
line-height: 1.5;
margin-bottom: 10px;
}
बहुस्तम्भ पाठ लेआउट
प्यारामिटर: एक सकारात्मक पूर्णांक वा "auto"(default) ।
.container {
column-count: 2;
}
होभरमा पाठको रङ परिवर्तन
कुनै विशेष प्यारामिटर छैन, केवल छद्म-वर्ग प्रयोग गर्नुहोस् :hover ।
a:hover {
color: red;
}
राज्यमा पाठ रङ परिवर्तन(सक्रिय, भ्रमण गरिएको)
कुनै विशेष प्यारामिटर छैन, केवल छद्म-वर्गहरू प्रयोग गर्नुहोस् :active र :visited ।
a:visited {
color: purple;
}
हामी आशा गर्छौं कि माथिका स्पष्टीकरण र उदाहरणहरूले तपाइँलाई तपाइँको वेबसाइटमा दृश्यात्मक रूपमा आकर्षक र आकर्षक पाठ इन्टरफेस सिर्जना गर्न CSS मा पाठ ढाँचा गुणहरू कसरी प्रयोग गर्ने र अनुकूलन गर्ने भनेर बुझ्न मद्दत गरेको छ।