किसी वेबसाइट में बड़ी संख्या में छवियों को प्रस्तुत करने के लिए, वेबपी प्रारूप का उपयोग करने की सलाह दी जाती है क्योंकि यह बेहतर संपीड़न प्रदान करता है।
हम असमर्थित ब्राउज़रों के लिए फ़ॉलबैक प्रदान करने के लिए <चित्र> तत्व का उपयोग करते हैं -
आइकनों के साथ एक फॉर्म बनाने के लिए निम्नलिखित कोड है - उदाहरण body { font-family:Segoe UI, ताहोमा, जिनेवा, वर्दाना , सेन्स-सेरिफ़;}* {बॉक्स-साइज़िंग:बॉर्डर-बॉक्स;}h1 {पाठ-संरेखण:केंद्र;}फ़ॉर्म {अधिकतम-चौड़ाई:500px; मार्जिन:ऑटो;}। फील्डकंटेनर {डिस्प्ले:फ्लेक्स; चौड़ाई:100%; मार्जिन-बॉटम:15पीएक्स;}.आ
CSS ऑब्जेक्ट-फिट और वस्तु-स्थिति संपत्ति हमें छवियों को क्रॉप करने और यह निर्दिष्ट करने में मदद करती है कि यह किसी तत्व में कैसे प्रदर्शित होता है। CSS ऑब्जेक्ट-फिट प्रॉपर्टी का सिंटैक्स इस प्रकार है - Selector {
object-fit: /*value*/
object-position:/*value*/
} उदाहरण नि
CSS जादुई है लेकिन समय लेने वाली है। सुंदर, कार्यात्मक और सुलभ साइटों का उपयोग करना एक खुशी है, लेकिन अपना स्वयं का सीएसएस लिखना थकाऊ है। बूटस्ट्रैप जैसी कई CSS लाइब्रेरी में हाल के वर्षों में विस्फोट हुआ है और 2021 में Tailwind इस पैक में सबसे आगे है। हालांकि रेल टेलविंड आउट ऑफ बॉक्स के साथ नहीं आ
