आइए कुछ सामान्य सीएसएस उदाहरण देखें जिनका उपयोग आप अपनी वेब परियोजनाओं को बढ़ाने के लिए कर सकते हैं:

1. बेसिक स्टाइलिंग:

   • किसी तत्व का पृष्ठभूमि रंग सेट करें:

    .my-element {
      background-color: #f0f0f0;
    }
   

• पाठ का रंग बदलें:
  

   .my-text {
     color: #333;
   }
  

1. सीमाओं:

   • बॉर्डर की चौड़ाई, शैली और रंग सेट करें:

    .my-box {
      border: 2px solid #ddd;
    }
   

2. मार्जिन और पैडिंग:

   • प्रत्येक पक्ष के लिए मार्जिन निर्दिष्ट करें:

    .my-box {
      margin: 10px 20px;
    }
   

• एक तत्व के लिए पैडिंग सेट करें:
  

   .my-content {
     padding: 15px;
   }
  

1. पृष्ठभूमि:

   • संपूर्ण पृष्ठ के लिए पृष्ठभूमि रंग सेट करें:

    body {
      background-color: #f9f9f9;
    }
   

• पृष्ठभूमि के रूप में एक छवि का उपयोग करें:
  

   .hero-section {
     background-image: url('path/to/image.jpg');
     background-size: cover;
   }
  

1. उत्तरदायी आकार:

   • स्क्रीन आकार के आधार पर शैलियों को समायोजित करने के लिए मीडिया प्रश्नों का उपयोग करें:

    @media screen and (max-width: 768px) {
      .my-element {
        font-size: 14px;
      }
    }
   

क्लास नाम (उदाहरण के लिए, .my-element) को अपने वास्तविक HTML तत्वों से बदलना याद रखें।