CSS(क्यास्केडिङ शैली पानाहरू) वेब विकासको एक आधारभूत भाग हो जसले तपाईंको वेबसाइटमा HTML तत्वहरूको दृश्य उपस्थिति नियन्त्रण गर्न महत्त्वपूर्ण भूमिका खेल्छ। यसले नियम र गुणहरूको एक शक्तिशाली सेट प्रदान गर्दछ जसले तत्वहरू कसरी प्रदर्शित हुन्छन्, ढाँचाबद्ध हुन्छन् र स्थिति निर्धारण गर्दछ, तपाइँलाई तपाइँको वेब पृष्ठहरूको रूप र अनुभूतिलाई अनुकूलन गर्न अनुमति दिन्छ।
चयनकर्ताहरूको अवधारणा बुझेर सुरु गरौं
चयनकर्ताहरू स्टाइलको लागि विशिष्ट HTML तत्वहरूलाई लक्षित गर्न प्रयोग गरिन्छ। सबैभन्दा आधारभूत चयनकर्ताहरू मध्ये एक तत्व चयनकर्ता हो, जसले एक विशेष HTML तत्वको सबै उदाहरणहरू चयन गर्दछ।
उदाहरणका लागि, निम्न CSS नियमले कागजातका सबै अनुच्छेदहरूलाई लक्षित गर्छ:
p {
color: blue;
}
यस उदाहरणमा, p चयनकर्ताले सबै <p> तत्वहरू चयन गर्छ र तिनीहरूको पाठको रङ नीलोमा सेट गर्छ।
अर्को सामान्य चयनकर्ता वर्ग चयनकर्ता हो
वर्गहरू समान विशेषताहरू भएका तत्वहरूलाई समूह बनाउन प्रयोग गरिन्छ। HTML तत्वहरूमा कक्षा तोकेर, तपाईंले तिनीहरूलाई सामूहिक रूपमा लक्षित र शैली बनाउन सक्नुहुन्छ।
यहाँ एउटा उदाहरण छ:
.blue-text {
color: blue;
}
n यस अवस्थामा, .blue-text चयनकर्ताले कक्षाको साथ सबै तत्वहरूलाई लक्षित गर्दछ blue-text र तिनीहरूको पाठमा नीलो रङ लागू गर्दछ।
थप रूपमा, ID चयनकर्ताले तपाइँलाई यसको अद्वितीय पहिचानकर्ता द्वारा विशेष तत्व लक्षित गर्न अनुमति दिन्छ। ID सामान्यतया पृष्ठमा व्यक्तिगत तत्वहरूमा तोकिएको हुन्छ।
यहाँ एउटा उदाहरण छ:
#header {
background-color: gray;
}
यस उदाहरणमा, #header चयनकर्ताले तत्व चयन गर्छ ID header र यसमा खैरो पृष्ठभूमि रङ लागू गर्छ।
CSS को सिन्ट्याक्समा सर्दै, प्रत्येक CSS नियमले चयनकर्ता र घोषणा ब्लक समावेश गर्दछ।
घोषणा ब्लक घुमाउरो कोष्ठकहरूमा संलग्न छ {} र एक वा बढी घोषणाहरू समावेश गर्दछ। घोषणाहरू सम्पत्ति र यसको सम्बन्धित मूल्य समावेश गर्दछ।
यहाँ एउटा उदाहरण छ:
h1 {
font-size: 24px;
color: #333;
}
यस कोड स्निपेटमा, h1 चयनकर्ताले सबै <h1> तत्वहरू चयन गर्छ र तिनीहरूको फन्ट साइज २४ पिक्सेल र पाठको रङ गाढा खैरो(#३३३) मा सेट गर्छ।
यस शृङ्खलाभरि, हामी विभिन्न CSS गुणहरू, चयनकर्ताहरू, र तिनीहरूका संयोजनहरूको अन्वेषण र व्याख्या गर्नेछौं, जसले तपाईंलाई दृश्यात्मक रूपमा आकर्षक र राम्रो-संरचित वेबसाइटहरू सिर्जना गर्न सक्षम पार्छ। CSS र यसको आधारभूत वाक्यविन्यास बुझ्नाले तपाइँलाई तपाइँको वेब पृष्ठहरूको स्टाइलिंग पक्षहरूको नियन्त्रण लिनको लागि आधार दिन्छ, एक अद्वितीय र व्यक्तिगत प्रयोगकर्ता अनुभव सुनिश्चित गर्दै। CSS को असीमित सम्भावनाहरू भित्र डुबौं र पत्ता लगाउनुहोस्!