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

CSS

  1. कैसे सीएसएस और जावास्क्रिप्ट के साथ एक सूची ग्रिड दृश्य बनाने के लिए?

    सूची ग्रिड दृश्य बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <style>    * {       box-sizing: border-box;    }    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, san

  2. सीएसएस के साथ मिश्रित कॉलम लेआउट ग्रिड कैसे बनाएं?

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

  3. CSS के साथ रिस्पॉन्सिव कॉलम कार्ड कैसे बनाएं?

    सीएसएस के साथ रिस्पॉन्सिव कॉलम कार्ड बनाने के लिए, कोड इस प्रकार है - उदाहरण body { font-family:Segoe UI , ताहोमा, जिनेवा, वर्दाना, सेन्स-सेरिफ़; } * {बॉक्स-साइज़िंग:बॉर्डर-बॉक्स; } .कार्ड {रंग:सफेद; नाव छोड़ी; चौड़ाई:कैल्क (25% - 20px); पैडिंग:10px; सीमा-त्रिज्या:10px; मार्जिन:10px; ऊंचाई:200px; }

  4. कैसे सीएसएस के साथ एक उत्तरदायी ज़िग ज़ैग (वैकल्पिक) लेआउट बनाने के लिए?

    CSS के साथ रेस्पॉन्सिव ज़िग ज़ैग लेआउट बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style>    * {       box-sizing:border-box; &nb

  5. CSS के साथ एक रेस्पॉन्सिव ब्लॉग लेआउट कैसे बनाएं?

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

  6. अपने वेब पेज पर Google चार्ट कैसे जोड़ें?

    Google चार्ट को अपने वेब पेज में जोड़ने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <title>Google Charts Tutorial</title> <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> <scri

  7. अपने वेब पेज पर Google Fonts का उपयोग कैसे करें?

    अपने वेबपेज पर Google Fonts का उपयोग करने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <link href="https://fonts.googleapis.com/css?family=Permanent+Marker&display=swap" rel="stylesheet"/> <style>    body {   &nb

  8. css एक्सप्रेशन बनाने के विभिन्न तरीके क्या हैं?

    css एक्सप्रेशन बनाने के विभिन्न तरीके नीचे सूचीबद्ध हैं - सीएसएस चयनकर्ता के रूप में एक वर्ग का उपयोग करना यह उस विशेष वर्ग के सभी वेब तत्वों का चयन करेगा। (उदाहरण के लिए (.) द्वारा प्रतिनिधित्व - .classname) css चयनकर्ता के रूप में एक आईडी का उपयोग करना। यह उस विशेष आईडी के वेब तत्व का चयन

  9. CSS के साथ सेक्शन काउंटर कैसे बनाएं?

    CSS के साथ एक सेक्शन काउंटर बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fon

  10. कैसे सीएसएस और जावास्क्रिप्ट के साथ एक उद्धरण स्लाइड शो बनाने के लिए?

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

  11. सीएसएस के साथ सामान्य डिवाइस ब्रेकप्वाइंट के लिए मीडिया प्रश्नों का उपयोग कैसे करें?

    उदाहरण body { font-family:Segoe UI , ताहोमा, जिनेवा, वर्दाना, सेन्स-सेरिफ़; रंग सफेद; } @मीडिया केवल स्क्रीन और (अधिकतम-चौड़ाई:600px) { शरीर {पृष्ठभूमि:rgb(207, 60, 151); } } @मीडिया केवल स्क्रीन और (न्यूनतम-चौड़ाई:600px) { शरीर {पृष्ठभूमि:rgb(0, 128, 107); } } @मीडिया केवल स्क्रीन और (न्यूनतम-चौड़

  12. एक उत्तरदायी वेबसाइट कैसे बनाएं जो सभी उपकरणों, पीसी, लैपटॉप, टैबलेट और फोन पर काम करे?

    एक प्रतिक्रियाशील वेबसाइट बनाने के लिए जो सभी उपकरणों पर काम करेगी, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <title>Page Title</title> <meta charset="UTF-8" /> <meta name="viewport" content="width=devi

  13. CSS के साथ अपनी वेबसाइट को क्षैतिज रूप से कैसे केन्द्रित करें?

    सीएसएस के साथ अपनी वेबसाइट को क्षैतिज रूप से केन्द्रित करने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       backgr

  14. वेब पेजों के लिए रिस्पॉन्सिव कॉन्टैक्ट सेक्शन कैसे बनाएं?

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

  15. CSS के साथ वेबसाइट के बारे में / हमारे बारे में पेज कैसे बनाएं?

    अबाउट पेज बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    html {       box-sizing: border-box;    }   &nbs

  16. CSS के साथ हेडर कैसे स्टाइल करें?

    CSS का उपयोग करके हेडर को स्टाइल करने के लिए, कोड इस प्रकार है - उदाहरण पृष्ठ शीर्षक शरीर { फ़ॉन्ट-परिवार:सेगो यूआई, ताहोमा, जिनेवा, वर्दाना, सैन्स-सेरिफ़; मार्जिन:0; } .हेडर { पैडिंग:30पीएक्स; पाठ-संरेखण:केंद्र; पृष्ठभूमि:#bc1a6b; रंग सफेद; फ़ॉन्ट-आकार:30px; } मुख्य { पैडिंग:20px; फ़ॉन्ट-आकार:18px

  17. सीएसएस के साथ 2-कॉलम लेआउट ग्रिड कैसे बनाएं?

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

  18. कैसे सीएसएस के साथ एक 3-स्तंभ लेआउट ग्रिड बनाने के लिए?

    CSS के साथ 3-स्तंभ लेआउट ग्रिड बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       padding: 1%;     &n

  19. CSS3 के लचीले बॉक्स लेआउट

    CSS3 एक लेआउट मोड फ्लेक्सिबल बॉक्स प्रदान करता है, जिसे आमतौर पर फ्लेक्सबॉक्स कहा जाता है। फ्लेक्सबॉक्स (लचीला बॉक्स) CSS3 का एक लेआउट मोड है। इस मोड का उपयोग करके, आप जटिल एप्लिकेशन और वेब पेजों के लिए आसानी से लेआउट बना सकते हैं। इसमें कंटेनर, फ्लेक्स आइटम आदि शामिल हैं। कंटेनर में निम्नलिखित गुण

  20. CSS3 में कीफ्रेम को परिभाषित करना

    CSS3 में कीफ़्रेम एनिमेशन बनाने के लिए, अलग-अलग कीफ़्रेम को परिभाषित करें। कीफ़्रेम CSS3 में मध्यवर्ती एनिमेशन चरणों को नियंत्रित करेंगे। CSS3 में मुख्य फ़्रेम को परिभाषित करने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html> <head> <style> body {    font-f

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