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

CSS

  1. CSS में क्लाइंटहाइट, ऑफसेटहाइट और स्क्रॉलहाइट गुणों को समझना

    क्लाइंटहाइट क्लाइंटहाइट पैडिंग सहित किसी तत्व की ऊंचाई का माप देता है। ध्यान दें कि बॉर्डर, मार्जिन और स्क्रॉलबार की ऊंचाई (यदि फिर से बनाई गई है) इसमें शामिल नहीं हैं। ऑफ़सेटऊंचाई ऑफसेटहाइट ऊर्ध्वाधर पैडिंग, ऊपर और नीचे की सीमाओं सहित किसी तत्व की ऊंचाई का माप देता है। मार्जिन यहां शामिल नहीं है।

  2. CSS एनिमेशन द्वारा छिपे हुए तत्वों का खुलासा

    CSS एनिमेशन हमें छिपे हुए तत्वों को प्रदर्शित करने की अनुमति देते हैं। निम्न उदाहरण दिखाता है कि कैसे हम CSS एनिमेशन का उपयोग करके तत्वों को प्रकट कर सकते हैं। उदाहरण <!DOCTYPE html> <html> <style> .item {    position: relative;    perspective: 1000px; } .demo,

  3. सीएसएस ऑफसेट-पथ (मोशन पथ) के साथ एक परिपत्र पथ में एक तत्व को कैसे स्थानांतरित करें?

    हम CSS ऑफ़सेट-पथ . का उपयोग करके किसी तत्व के लिए गति पथ को परिभाषित कर सकते हैं संपत्ति। CSS ऑफ़सेट-पथ प्रॉपर्टी का सिंटैक्स इस प्रकार है - सिंटैक्स Selector {    offset-path: /*value*/ } निम्नलिखित उदाहरण CSS ऑफसेट-पथ गुण को दर्शाता है। उदाहरण <!DOCTYPE html> <html> <hea

  4. सीएसएस के साथ एक परिपत्र पथ में एक तत्व को कैसे स्थानांतरित करें?

    CSS एनिमेशन संयोजन, घुमाकर और अनुवाद करके तत्वों को विभिन्न तरीकों से बदलने में हमारी सहायता कर सकते हैं। निम्नलिखित उदाहरण बताते हैं कि हम किसी तत्व को वृत्ताकार पथ में कैसे घुमा सकते हैं। उदाहरण <!DOCTYPE html> <html> <head> <style> div {    margin: 8%;   &n

  5. JQuery का उपयोग करके कंटेनर div में छवि को कैसे खींचें/पैन करें?

    मूसडाउन, माउसअप और माउसमूव जैसी घटनाओं की मदद से, हम छवि का अनुवाद कर सकते हैं जिससे ड्रैग इफेक्ट पैदा होता है। निम्नलिखित उदाहरण दर्शाता है कि कैसे एक छवि को jQuery का उपयोग करके स्थानांतरित किया जा सकता है। उदाहरण <!DOCTYPE html> <html> <head> <style> #parent{    

  6. एचटीएमएल और सीएसएस के बीच अंतर

    इस पोस्ट में, हम HTML और CSS के बीच के अंतर को समझेंगे एचटीएमएल यह हाइपर टेक्स्ट मार्कअप लैंग्वेज को संदर्भित करता है। यह वेब पेज और एप्लिकेशन बनाने में मदद करता है। यह वेब पेज की संरचना को परिभाषित करने में मदद करता है। यह एक मार्कअप भाषा है। यह स्थिर पेज बनाने में भी मदद करता है।

  7. सेलेनियम में लोकेटर के रूप में सीएसएस चयनकर्ता का उपयोग कैसे करें?

    हम सेलेनियम वेबड्राइवर में लोकेटर सीएसएस चयनकर्ता के साथ तत्वों का पता लगा सकते हैं। CSS व्यंजक बनाने के लिए सामान्य व्यंजक है tagname[attribute=value]। CSS बनाने के लिए हम id और class विशेषताओं का उपयोग कर सकते हैं। id के साथ, CSS एक्सप्रेशन का सिंटैक्स tagname#id है। उदाहरण के लिए, CSS एक्सप्रेशन

  8. CSS में फ़ॉलबैक के साथ WebP इमेज का उपयोग करना

    किसी वेबसाइट में बड़ी संख्या में छवियों को प्रस्तुत करने के लिए, वेबपी प्रारूप का उपयोग करने की सलाह दी जाती है क्योंकि यह बेहतर संपीड़न प्रदान करता है। हम असमर्थित ब्राउज़रों के लिए फ़ॉलबैक प्रदान करने के लिए तत्व का उपयोग करते हैं - निम्नलिखित उदाहरण इस फॉलबैक को स्पष्ट करते हैं। उदाहरण *

  9. पता लगाएं कि सीएसएस स्थिति में कोई तत्व कब ठीक हो जाता है:इंटरसेक्शन ऑब्जर्वर का उपयोग करके चिपचिपा

    स्टिकी पोजीशन वाले एलीमेंट में विभिन्न CSS स्टाइल्स को लागू करके, हम आसानी से इसका पता लगा सकते हैं। निम्न उदाहरण इस गुण को दर्शाता है। उदाहरण <!DOCTYPE html> <html> <head> <style> #first {    background-color: lightgrey;    height: 10px; } #navbar-top {

  10. CSS के साथ ऑन स्क्रॉल फिक्स्ड नेविगेशन बार कैसे बनाएं?

    CSS स्थिति विशेषता निर्दिष्ट करके, हम CSS का उपयोग करके एक निश्चित नेविगेशन बार बना सकते हैं। CSS में पोजिशन प्रॉपर्टी का सिंटैक्स इस प्रकार है - Selector {    position: /*value*/; } निम्नलिखित सीएसएस स्थिति संपत्ति का एक उदाहरण है। उदाहरण <!DOCTYPE html> <html> <head>

  11. सीएसएस में लंबन स्क्रॉलिंग प्रभाव कैसे बनाएं

    पृष्ठभूमि और अग्रभूमि सामग्री के लिए अलग-अलग गति निर्दिष्ट करके, हम CSS का उपयोग करके एक लंबन स्क्रॉलिंग प्रभाव बना सकते हैं। निम्न उदाहरण CSS लंबन स्क्रॉलिंग प्रभाव दिखाता है - उदाहरण <!DOCTYPE html> <html> <head> <style> body, html {    height: 100%;    

  12. CSS के साथ टाइपराइटर एनिमेशन कैसे बनाएं?

    CSS एनिमेशन की मदद से, हम JavaScript का उपयोग करके एक टाइपराइटर एनिमेशन बना सकते हैं। निम्नलिखित उदाहरण इस आशय को दर्शाता है। उदाहरण <!DOCTYPE html> <html> <head> <style> div {    margin: 2%;    font-family: Courier, monospace;    display: inlin

  13. फ़ॉर्म इनपुट फ़ील्ड के लिए कुछ कम-ज्ञात सीएसएस गुण

    CSS कैरेट-कलर, पॉइंटर-इवेंट और टैब-साइज़ फॉर्म इनपुट फ़ील्ड के लिए कम ज्ञात गुणों में से कुछ हैं। कैरेट-कलर प्रॉपर्टी हमें ब्लिंकिंग कैरेट का रंग निर्दिष्ट करने की अनुमति देती है जबकि पॉइंटर-इवेंट उपयोगकर्ताओं को एक तत्व खोजने से रोकने में मदद कर सकते हैं। अंत में, टैब-आकार टैब द्वारा उपयोग किए जाने

  14. सीएसएस में फिक्स्ड साइडबार और स्क्रॉल करने योग्य सामग्री क्षेत्र के साथ एक पूर्ण ऊंचाई पृष्ठ बनाना

    ऊंचाई को 100% पर सेट करके और तत्वों की उचित स्थिति को लागू करके एक निश्चित साइडबार और स्क्रॉल करने योग्य सामग्री क्षेत्र के साथ एक पूर्ण-ऊंचाई वाला पृष्ठ बनाया जा सकता है। निम्नलिखित उदाहरण उपरोक्त को दर्शाता है। उदाहरण <!DOCTYPE html> <html> <head> <style> .main {   &n

  15. HTML और CSS का उपयोग करके साइडबार और मुख्य सामग्री क्षेत्र के साथ एक पेज बनाना

    html और बॉडी के आकार को 100% पर सेट करके फ्लूइड साइडबार और मुख्य सामग्री क्षेत्र वाला एक वेबपेज बनाया जाता है। निम्न उदाहरण इसे दिखाता है। उदाहरण html, शरीर {ऊंचाई:100%; रंग सफेद; फ़ॉन्ट-आकार:2em; लाइन-ऊंचाई:200px;}#पैरेंट {डिस्प्ले:टेबल; चौड़ाई:100%; ऊंचाई:100%;}#साइड {डिस्प्ले:टेबल-सेल; पृष्ठ

  16. ब्राउज़र फ़ुल-स्क्रीन मोड में CSS को कैसे हैंडल करें?

    हम CSS का उपयोग करके वेबपेज के लिए शैलियों को पूर्ण-स्क्रीन मोड में परिभाषित कर सकते हैं:पूर्णस्क्रीन छद्म-वर्ग। CSS का सिंटैक्स:फुलस्क्रीन स्यूडो-क्लास इस प्रकार है Selector:fullscreen {    attribute: /*value*/ } निम्नलिखित उदाहरण CSS का वर्णन करते हैं:पूर्णस्क्रीन छद्म वर्ग। उदाहरण <

  17. CSS के साथ HTML वीडियो के लिए पहलू अनुपात बनाए रखना

    किसी तत्व की पैडिंग को प्रतिशत में निर्दिष्ट करके, हम उसका पहलू अनुपात बनाए रख सकते हैं। इसके लिए CSS पैडिंग प्रॉपर्टी का इस्तेमाल करें- पैडिंग-बॉटम किसी तत्व के निचले पैडिंग को निर्दिष्ट करता है। पैडिंग-टॉप किसी तत्व के शीर्ष पैडिंग को निर्दिष्ट करता है। पैडिंग-बाएं किसी तत्व के बाएँ पैडि

  18. CSS लेटर-स्पेसिंग प्रॉपर्टी वाले लेटर्स के बीच स्पेस सेट करना

    CSS लेटर-स्पेसिंग प्रॉपर्टी का उपयोग करके, हम टेक्स्ट के अक्षरों के बीच स्पेस की मात्रा निर्दिष्ट कर सकते हैं। उदाहरण निम्नलिखित उदाहरण CSS लेटर-स्पेसिंग प्रॉपर्टी को दर्शाते हैं। p:फर्स्ट-ऑफ़-टाइप { मार्जिन:3%; गद्दी:3%; पृष्ठभूमि-रंग:समुद्री हरा; रंग सफेद; लेटर-स्पेसिंग:2em; फ़ॉन्ट-आकार:2em; text

  19. शुद्ध सीएसएस के साथ आसान स्क्रॉलिंग

    CSS स्क्रॉल-व्यवहार गुण हमें स्क्रॉल के व्यवहार को बदलने की अनुमति देता है। उदाहरण निम्नलिखित उदाहरण CSS स्क्रॉल-व्यवहार गुण को दर्शाते हैं। <!DOCTYPE html> <html> <head> <style> html {    line-height: 200px;    margin: 30px;    text-align: cent

  20. CSS वर्डस्पेसिंग संपत्ति के साथ शब्दों के बीच रिक्ति का प्रबंधन

    CSS वर्ड-स्पेसिंग संपत्ति को परिभाषित करके, हम शब्दों के बीच सफेद स्थान की मात्रा निर्धारित कर सकते हैं। निम्नलिखित उदाहरण CSS वर्ड-स्पेसिंग गुण को दर्शाते हैं। उदाहरण <!DOCTYPE html> <html> <head> <style> div {    margin: 2%;    padding: 2%;    

Total 1566 -कंप्यूटर  FirstPage PreviousPage NextPage LastPage CurrentPage:1/79  20-कंप्यूटर/Page Goto:1 2 3 4 5 6 7