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

CSS

  1. सीएसएस के साथ सूचियों के लिए बुलेट रंग कैसे बदलें?

    CSS वाली सूचियों के लिए बुलेट रंग बदलने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style>    body{       font-family: 'Segoe UI

  2. CSS के साथ वर्टिकल लाइन कैसे बनाएं?

    CSS के साथ एक वर्टिकल लाइन बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style>    .vLine {       border-left: 6px solid rgb(128, 0

  3. CSS के साथ अलग-अलग डिवाइडर कैसे बनाएं?

    सीएसएस के साथ विभिन्न डिवाइडर बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <meta name="viewport" content="width=device-width, initial-scale=1" /> <head> <style>    body {       font-family: "Segoe UI&qu

  4. सीएसएस और जावास्क्रिप्ट के साथ जल्द ही आने वाला पेज कैसे बनाएं?

    सीएसएस और जावास्क्रिप्ट के साथ जल्द आने वाला पेज बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <style>    body {       height: 100vh;       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    

  5. CSS के साथ चैट मैसेज कैसे बनाएं?

    सीएसएस के साथ चैट संदेश बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style>    body {       margin: 0 auto;       m

  6. CSS और JavaScript के साथ पॉपअप चैट विंडो कैसे बनाएं?

    CSS और JavaScript के साथ पॉपअप चैट विंडो बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "

  7. CSS के साथ स्प्लिट स्क्रीन (50/50) कैसे बनाएं?

    CSS के साथ स्प्लिट स्क्रीन बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style>    body {       font-family: Arial;     &

  8. कैसे सीएसएस के साथ उत्तरदायी प्रशंसापत्र बनाने के लिए?

    सीएसएस के साथ प्रतिक्रियाशील प्रशंसापत्र बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "

  9. आईई 8 और उससे कम सहित सभी वेब ब्राउज़रों के लिए सीएसएस छवि अस्पष्टता

    संपत्ति अस्पष्टता अंतिम और आधुनिक समाधान है और फ़ायरफ़ॉक्स 0.9+, सफारी 2, ओपेरा 9+, आईई 9+ और Google क्रोम के हर संस्करण के लिए काम करता है। -मोज़-अपारदर्शिता गुण 0.9 से पुराने फ़ायरफ़ॉक्स संस्करणों के लिए अपारदर्शिता गुण है जबकि -khtml-opacity गुण 1 से शुरू होने वाले सफारी संस्करणों के लिए है। फ़िल

  10. CSS में उन्नत चयनकर्ता

    CSS में उन्नत चयनकर्ताओं में आसन्न सहोदर चयनकर्ता, विशेषता चयनकर्ता, प्रत्यक्ष बाल चयनकर्ता, nth-of-type चयनकर्ता आदि शामिल हैं। इसमें सामान्य सहोदर चयनकर्ता भी शामिल है, एक उदाहरण नीचे दिखाया गया है: h1 ~ h3 प्रत्यक्ष बाल चयनकर्ता का उदाहरण - div > span CSS में उन्नत चयनकर्ताओं को दिखाने वाला

  11. CSS3 का उपयोग करके वर्ड ब्रेकिंग नियम निर्दिष्ट करें

    CSS3 में वर्ड ब्रेकिंग नियम निर्दिष्ट करने के लिए, वर्ड-ब्रेक प्रॉपर्टी का उपयोग करें। इस गुण का उपयोग रेखा को तोड़ने के लिए किया जाता है। संभावित मूल्यों में सामान्य, ब्रेक-ऑल, कीप-ऑल, ब्रेक-वर्ड, आदि शामिल हैं। CSS3 का उपयोग करते हुए वर्ड ब्रेकिंग नियमों को निर्दिष्ट करने के लिए कोड निम्नलिखित है

  12. छद्म वर्ग और सभी सीएसएस वर्ग

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

  13. CSS Opacity जो सभी ब्राउज़रों में काम करती है

    संपत्ति अस्पष्टता आधुनिक समाधान है और फ़ायरफ़ॉक्स 0.9+, सफारी 2, ओपेरा 9+, आईई 9+ और क्रोम के हर संस्करण के लिए काम करती है। -मोज़-अपारदर्शिता गुण 0.9 से पुराने फ़ायरफ़ॉक्स संस्करणों के लिए अस्पष्टता गुण है जबकि -khtml-अस्पष्टता गुण 1 से शुरू होने वाले सफारी संस्करणों के लिए है। फ़िल्टर गुण IE ब्राउ

  14. CSS का उपयोग करके लोकेशन कलर स्टॉप सेट करना

    रंग स्टॉप पर स्थान को प्रतिशत या पूर्ण लंबाई के रूप में सेट किया जा सकता है। उदाहरण के लिए, रैखिक ढाल के लिए background-image: linear-gradient(    rgb(61, 255, 2) 40%,    rgb(0, 174, 255) 80%,    rgb(255, 29, 29) 20% ); CSS का उपयोग करके रेखीय ग्रेडिएंट में स्थान का रं

  15. CSS3 का उपयोग करके तत्वों का 2D परिवर्तन

    2डी ट्रांस्फ़ॉर्म का उपयोग एलिमेंट स्ट्रक्चर को ट्रांसलेट, रोटेट, स्केल और स्क्यू के रूप में फिर से बदलने के लिए किया जाता है। कुछ 2D ट्रांसफ़ॉर्म फ़ंक्शन निम्नलिखित हैं - क्रमांक मूल्य और विवरण 1 मैट्रिक्स(एन,एन,एन,एन,एन,एन) छह मानों के साथ मैट्रिक्स रूपांतरण को परिभाषित करने के लिए प्रयुक

  16. CSS में 2D ट्रांसफ़ॉर्म फ़ंक्शंस

    2D ट्रांसफ़ॉर्म फ़ंक्शन का उपयोग 2D ट्रांसफ़ॉर्मेशन को लागू करने के लिए किया जाता है जिसे किसी तत्व में घुमाया जा सकता है, स्थानांतरित किया जा सकता है, स्केल किया जा सकता है और तिरछा किया जा सकता है। अनुवाद करें - किसी तत्व को x और y अक्ष पर ले जाने के लिए। पैमाना - x y दिशा में तत्व का आकार ब

  17. CSS3 में फ्लेक्सबॉक्स के साथ क्षैतिज और लंबवत केंद्र संरेखण

    फ्लेक्सबॉक्स के साथ क्षैतिज और लंबवत केंद्र संरेखण के लिए, CSS3 में संरेखण-आइटम संपत्ति का उपयोग करें। संरेखण-आइटम गुण को केंद्र में सेट करें। फ्लेक्सबॉक्स के साथ क्षैतिज और लंबवत केंद्र संरेखण के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html> <head> <style> body { &n

  18. CSS का उपयोग करके स्क्रीन के आकार के आधार पर कॉलम की चौड़ाई बदलना

    स्क्रीन आकार के आधार पर कॉलम की चौड़ाई बदलने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <style> body {    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .sample {    width: 50%;    background-color:

  19. CSS3 का उपयोग करके कई बदलाव करना

    एकाधिक ट्रांज़िशन के लिए, CSS3 ट्रांज़िशन प्रॉपर्टी का उपयोग करें, जो एक शॉर्टहैंड प्रॉपर्टी है। यह संपत्ति, अवधि, समय और संक्रमण की देरी को एक पंक्ति में सेट करता है। CSS3 का उपयोग करके कई ट्रांज़िशन करने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html> <head> <style&g

  20. CSS3 ट्रांज़िशन शॉर्टहैंड प्रॉपर्टी

    ट्रांज़िशन शॉर्टहैंड प्रॉपर्टी हमें ट्रांज़िशन-प्रॉपर्टी, ट्रांज़िशन-अवधि, ट्रांज़िशन-टाइमिंग फ़ंक्शन और ट्रांज़िशन-देरी को एक लाइन में ट्रांज़िशन प्रॉपर्टी के मान के रूप में निर्दिष्ट करने की अनुमति देती है। CSS में ट्रांज़िशन शॉर्टहैंड प्रॉपर्टी के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html

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