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

इंलाइन CSS के साथ काम करना


इंलाइन CSS और एक्सटर्नल CSS मेथड्स का उपयोग करके अपने HTML दस्तावेज़ के साथ स्टाइल्स को संबद्ध करें।

किसी भी HTML एलिमेंट के style एट्रिब्यूट का उपयोग करके इंलाइन स्टाइल नियमों को परिभाषित कर सकते हैं। ये नियम केवल उस एलिमेंट पर लागू होंगे। यहां सामान्य सिंटैक्स है:

<element style = "...style rules....">

निम्नलिखित एट्रिब्यूट है:

एट्रिब्यूट मान विवरण
stylestyle rulesstyle एट्रिब्यूट का मान सेमीकोलन (;) से अलग स्टाइल घोषणाओं का संयोजन है।

आइए एक उदाहरण देखें:

<html> 
    <head> 
    </head> 
    <body> 
        <h2 style = "color:#800000;"> This is inline CSS </h2> 
    </body> </html>

  1. CSS से लिंक्स स्टाइल करना CSS से लिंक्स स्टाइल करना

    CSS हमें लिंक्स को इच्छानुसार स्टाइल करने की अनुमति देता है। हम टेक्स्ट को फॉर्मेट कर सकते हैं, कलर, बैकग्राउंड जोड़ सकते हैं, साइज़ बढ़ा सकते हैं, आदि। इसके अलावा, विज़ुअल इफेक्ट बनाने के लिए एनिमेशन जोड़े जा सकते हैं।उचित कार्यक्षमता के लिए, pseudo selectors का क्रम निम्न है: :link, :visited, :hov

  1. CSS से hr एलिमेंट स्टाइल करना CSS से hr एलिमेंट स्टाइल करना

    hr स्टाइलिंग CSS से <hr> एलिमेंट को स्टाइल करने के लिए निम्न कोड उपयोग करें: उदाहरण <!DOCTYPE html> <html> <meta name=viewport content=width=device-width, initial-scale=1> <head> <style> body{ font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif; margin: 20

  1. CSS से लेबल्स स्टाइल करना CSS से लेबल्स स्टाइल करना

    लेबल स्टाइल्स CSS से लेबल्स स्टाइल करने के लिए निम्न कोड उपयोग करें: उदाहरण <!DOCTYPE html> <html> <head> <meta name=viewport content=width=device-width, initial-scale=1 /> <style> body { font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif; margin: 20px; } span