Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> CSS

CSS

  1. सीएसएस पैडिंग-बॉक्स मान

    पैडिंग-बॉक्स मान सेट करने के लिए CSS पृष्ठभूमि-मूल गुण का उपयोग करें। पैडिंग-बॉक्स मान के साथ, पृष्ठभूमि छवि पैडिंग किनारे के ऊपरी बाएँ कोने से शुरू होती है। आप पैडिंग-बॉक्स मान को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं: उदाहरण <!DOCTYPE html> <html>    <hea

  2. एनिमेशन को रिवर्स डायरेक्शन में चलाने के लिए किस CSS प्रॉपर्टी का इस्तेमाल किया जाता है?

    एनीमेशन-दिशा का उपयोग करें एनीमेशन को विपरीत दिशा में चलाने के लिए संपत्ति। संपत्ति का उपयोग रिवर्स . के साथ किया जाता है इसे हासिल करने के लिए एनिमेशन वैल्यू। उदाहरण <!DOCTYPE html> <html>    <head>       <style>          div

  3. सीएसएस के साथ तत्व पर मँडराते समय अतिप्रवाहित सामग्री प्रदर्शित करें

    तत्वों पर मँडराते हुए अतिप्रवाहित सामग्री को प्रदर्शित करने के लिए, आप निम्नलिखित कोड को चलाने का प्रयास कर सकते हैं: उदाहरण <!DOCTYPE html> <html>    <head>       <style>          div.demo {          

  4. CSS रेडियल ग्रेडिएंट्स के साथ अलग-अलग स्पेस वाले कलर स्टॉप बनाएं

    रेडियल ग्रेडिएंट्स के साथ अलग-अलग स्पेस वाले कलर स्टॉप बनाने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं: उदाहरण <!DOCTYPE html> <html>    <head>       <style>          #demo {            

  5. वैकल्पिक चक्रों में एनिमेशन चलाने के लिए किस CSS संपत्ति का उपयोग किया जाता है?

    एनीमेशन-दिशा का उपयोग करें एक वैकल्पिक दिशा में एनीमेशन चलाने के लिए संपत्ति। संपत्ति का उपयोग वैकल्पिक एनिमेशन . के साथ किया जाता है इसे प्राप्त करने के लिए मूल्य। उदाहरण <!DOCTYPE html> <html>    <head>       <style>         &nbs

  6. सीएसएस के साथ तत्व को पहले कीफ्रेम द्वारा निर्धारित शैली मूल्यों को बनाए रखने के लिए सेट करें

    अंतिम कीफ़्रेम द्वारा निर्धारित शैली मानों को बनाए रखने के लिए तत्वों को सेट करने के लिए, एनिमेशन-फिल-मोड का उपयोग करें बैकवर्ड वैल्यू वाली प्रॉपर्टी। उदाहरण <!DOCTYPE html> <html>    <head>       <style>          div {  

  7. सीएसएस के साथ rel="nofollow" के साथ सभी तत्वों का चयन करता है

    निर्दिष्ट विशेषता और मान वाले तत्वों का चयन करने के लिए [विशेषता =मान] चयनकर्ता का उपयोग करें। आप सीएसएस [विशेषता =मान] चयनकर्ता को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं। यहां, हमने विशेषता को rel . के रूप में माना है , उदाहरण <!DOCTYPE html> <html>    <hea

  8. CSS के साथ फ़ॉर्म के टेक्स्ट फ़ील्ड के अंदर स्थान जोड़ें

    फ़ॉर्म के टेक्स्ट फ़ील्ड में जगह जोड़ने के लिए, CSS पैडिंग प्रॉपर्टी का इस्तेमाल करें। इसे प्राप्त करने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं: उदाहरण इनपुट [टाइप =टेक्स्ट] {चौड़ाई:100%; पैडिंग:10px 15px; मार्जिन:5px 0; बॉक्स-साइज़िंग:बॉर्डर-बॉक्स; } नीचे दिए गए फॉर्म को भरें, विषय

  9. CSS के साथ एक फॉर्म के स्टाइल इनपुट फील्ड्स

    किसी प्रपत्र के इनपुट फ़ील्ड को स्टाइल करने के लिए, आप निम्न कोड को चलाने का प्रयास कर सकते हैं। इनपुट: उदाहरण इनपुट {चौड़ाई:100%; } नीचे दिए गए फॉर्म को भरें, विषय छात्र

  10. सीएसएस के साथ सीमाबद्ध फॉर्म इनपुट सेट करें

    इनपुट बनाने के लिए बॉर्डर सेट करने के लिए, CSS बॉर्डर प्रॉपर्टी का उपयोग करें। आप सीमा जोड़ने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं उदाहरण इनपुट [टाइप =टेक्स्ट] {चौड़ाई:100%; पैडिंग:10px 15px; मार्जिन:5px 0; बॉक्स-साइज़िंग:बॉर्डर-बॉक्स; बॉर्डर:3px इनसेट ऑरेंज; } नीचे दिए गए फॉर्म को

  11. CSS के साथ शैली चयन विकल्प

    में विकल्पों को स्टाइल करने के लिए, आप निम्न कोड को चलाने का प्रयास कर सकते हैं, उदाहरण चुनें {चौड़ाई:100%; पैडिंग:10px 15px; सीमा:1px धराशायी नीला; सीमा-त्रिज्या:4px; पृष्ठभूमि-रंग:नारंगी; } सीखें, जावा रूबी ओरेकल झांकी

  12. CSS के साथ फ़ॉर्म इनपुट में पृष्ठभूमि रंग जोड़ें

    फ़ॉर्म इनपुट में पृष्ठभूमि रंग जोड़ने के लिए, पृष्ठभूमि-रंग का उपयोग करें संपत्ति। आप बैकग्राउंड कलर प्रॉपर्टी को फ़ॉर्म में लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण इनपुट[टाइप=टेक्स्ट] {चौड़ाई:100%; पैडिंग:10px 15px; मार्जिन:5px 0; बॉक्स-साइज़िंग:बॉर्डर-बॉक्स; पृष्ठभूमि

  13. शैली इनपुट प्रकार CSS के साथ रीसेट करें

    इनपुट टाइप बटन सबमिट बटन या रीसेट बटन हो सकता है। CSS के साथ, हम वेब पेज पर किसी भी बटन को स्टाइल कर सकते हैं। आप इनपुट टाइप बटन को स्टाइल करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं: उदाहरण <!DOCTYPE html> <html>    <head>       <style> &nb

  14. CSS का उपयोग करके रैखिक ग्रेडिएंट पर कोणों का उपयोग कैसे करें

    रैखिक ग्रेडिएंट पर कोण जोड़ने के लिए लीनियर-ग्रेडिएंट () का उपयोग करें। कोणों को 0, 90 और -90 डिग्री के रूप में सेट करने के लिए इसे लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html>    <head>       <style> &nbs

  15. एकाधिक रंग स्टॉप के साथ रैखिक ढाल

    एक रेखीय ग्रेडिएंट में एकाधिक रंग स्टॉप के लिए, आप निम्न कोड को चलाने का प्रयास कर सकते हैं: उदाहरण <!DOCTYPE html> <html>    <head>       <style>          #demo {             height: 100px; &nbs

  16. CSS के साथ वेब पेज के शीर्ष पर बने रहने के लिए नेविगेशन बार सेट करें

    नेविगेशन बार को सबसे ऊपर सेट करने के लिए, स्थिति:ठीक करें . का उपयोग करें d संपत्ति, शीर्ष . के साथ संपत्ति। शीर्ष पर रहने वाले मेनू को लागू करने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं, उदाहरण <!DOCTYPE html> <html>    <head>       <style>

  17. CSS के साथ वेब पेज के नीचे रहने के लिए नेविगेशन बार सेट करें

    नीचे नेविगेशन बार सेट करने के लिए, स्थिति का उपयोग करें:नीचे की संपत्ति के साथ निश्चित संपत्ति । आप नीचे दिए गए मेनू को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं, उदाहरण <!DOCTYPE html> <html>    <head>       <style>      

  18. CSS के साथ टूलटिप में तीर जोड़ें

    CSS के साथ, आप टूलटिप में :after का उपयोग करके एक छोटा तीर जोड़ सकते हैं। इसके साथ ही कंटेंट प्रॉपर्टी का भी इस्तेमाल करें। आप टूलटिप में एक तीर जोड़ने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं: उदाहरण .mytooltip .mytext { दृश्यता:छिपा हुआ; चौड़ाई:140px; पृष्ठभूमि-रंग:नीला; रंग:#fff; जेड-इंडेक

  19. CSS के साथ रिस्पॉन्सिव इमेज गैलरी कैसे बनाएं

    सीएसएस के साथ एक प्रतिक्रियाशील छवि गैलरी बनाने के लिए, आप निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html>    <head>       <style>          div.myGallery {             bord

  20. CSS इमेज स्प्राइट्स की भूमिका

    जब छवियों के संग्रह को एक छवि में रखा जाता है, तो इसे इमेज स्प्राइट कहा जाता है। यह सर्वर अनुरोध को कम करने और छवियों को तुरंत लोड करने के लिए किया जाता है। मान लें कि आपको अपने वेब पेज पर 4 छवियों का उपयोग करने की आवश्यकता है। उस स्थिति में, सभी छवियों को एक ही छवि में जोड़ें और अपलोड करें। इसके जर

Total 1566 -कंप्यूटर  FirstPage PreviousPage NextPage LastPage CurrentPage:50/79  20-कंप्यूटर/Page Goto:1 44 45 46 47 48 49 50 51 52 53 54 55 56