सीएसएस इनलाइनर जावास्क्रिप्ट

| | | | | | | | | | | | | | | | | | |

इनलाइन CSS किसी तत्व के HTML टैग पर CSS स्टाइल लागू करता है। HTML शैली विशेषता किसी तत्व की शैली को परिभाषित करती है। इनलाइन सीएसएस नियम अन्य सीएसएस दस्तावेज़ों में शैलियों को ओवरराइड करते हैं क्योंकि वे सीधे एक तत्व पर लागू होते हैं।

HTML प्रोग्रामिंग भाषा का उपयोग वेब पेज की संरचना को परिभाषित करने के लिए किया जाता है। CSS आपको HTML तत्वों में अपनी खुद की शैलियों को जोड़ने की अनुमति देता है।

यह आपको वेब पेज के तत्वों के सौंदर्यशास्त्र को अनुकूलित करने की क्षमता देता है। वेब पेज पर CSS जोड़ने के लिए आप तीन तरीकों का उपयोग कर सकते हैं: इनलाइन CSS, आंतरिक CSS और बाहरी CSS। इस ट्यूटोरियल के लिए, हम इनलाइन सीएसएस पर ध्यान देंगे।

यह ट्यूटोरियल इनलाइन सीएसएस और इनलाइन शैलियों से जुड़े सिंटैक्स का उपयोग करके वेब पेज पर सीएसएस जोड़ने का तरीका बताएगा।

सीएसएस शैलियाँ

1996 में, CSS पेश किया गया था। CSS ने एक वेबसाइट के प्रेजेंटेशन और कंटेंट को अलग करना संभव बना दिया है। CSS का उपयोग करके, आप आसानी से एक वेब पेज में शैलियाँ जोड़ सकते हैं और उन शैलियों को वेब पेज के विशिष्ट तत्वों पर लागू कर सकते हैं।

वेब पेज को स्टाइल करने के लिए आप तीन तरीकों का उपयोग कर सकते हैं:

  • इनलाइन सीएसएस: इस पद्धति में एक तत्व के लिए एक अनूठी शैली लागू करना शामिल है।
  • बाहरी सीएसएस: इस पद्धति में एक अलग सीएसएस फ़ाइल बनाना शामिल है जो एक वेब पेज की शैलियों को संग्रहीत करता है।
  • आंतरिक सीएसएस: इस विधि में <शैली> टैग का उपयोग करके HTML फ़ाइल की शैलियों को परिभाषित किया जाता है।

इस ट्यूटोरियल के लिए, हम CSS को इन-लाइन गहराई से लिखना सीखेंगे।

इनलाइन CSS: A गाइड

इनलाइन CSS एक HTML एलिमेंट को स्टाइल करता है। इनलाइन सीएसएस तत्वों को हर उस तत्व के लिए निर्दिष्ट किया जाना चाहिए जिसे आप स्टाइल करना चाहते हैं। वे एक विशेष तत्व के साथ काम करने के लिए चयनकर्ताओं का उपयोग करने का एक विकल्प हैं।

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

इनलाइन लागू नियम आंतरिक या बाहरी स्टाइल शीट में लागू किसी भी शैली को ओवरराइड कर देंगे।

इनलाइन का उपयोग करने के लिए CSS, आप किसी तत्व की "शैली" विशेषता में सीधे CSS शैली निर्दिष्ट कर सकते हैं। यह कैसे काम करता है, यह स्पष्ट करने के लिए आइए एक उदाहरण देखें।

मान लें कि आप वेब पेज पर किसी एक हेडर के टेक्स्ट रंग को हरे रंग में बदलना चाहते हैं हम निम्नलिखित कोड का उपयोग करके ऐसा कर सकते हैं:

< डिव क्लास = "wp-block-codemirror-blocks-code-block code-block">
<; h1 शैली = "रंग: हरा;" > यह एक शीर्षक है  

हमारे नीचे कोड का सेट CSS कलर फॉन्ट के लिए हमारा हरा मार्ग। चूंकि हम चाहते हैं कि हमारी स्टाइल केवल इस हेडर पर लागू हो, हमने इसे सीधे इनलाइन सीएसएस का उपयोग करके जोड़ा।

इनलाइन सीएसएस शैलियों का उपयोग कब करें

इनलाइन सीएसएस शैलियों का उपयोग पूर्वावलोकन परिवर्तनों को प्रदर्शित करने के लिए किया जाता है वेब पेज या पेज एलिमेंट में एलिमेंट जोड़ने के लिए।

इनलाइन स्टाइल्स का इस्तेमाल खास बदलावों का पूर्वावलोकन करने के लिए किया जाता है क्योंकि आप उन सभी एलिमेंट के बजाय एक खास एलिमेंट के साथ काम कर सकते हैं, जिनका आप चयनकर्ता सीएसएस । किसी बदलाव का पूर्वावलोकन करने के लिए आपको स्टाइलशीट को संपादित करने के बारे में चिंता करने की ज़रूरत नहीं है।

इनलाइन शैलियों का उपयोग वेब पेज के एक तत्व में CSS नियमों को जोड़ने के लिए किया जाता है। इसलिए यदि आप टेक्स्ट के अनुच्छेद की चौड़ाई 500px पर सेट करना चाहते हैं, तो आप कर सकते हैं। लेकिन अगर आप टेक्स्ट के कई पैराग्राफों की चौड़ाई को 500px पर सेट करना चाहते हैं, तो आपको एक और स्टाइल विधि का उपयोग करना होगा।

जब किफ़ायत से इस्तेमाल किया जाता है, तो CSS inli वेब पेज पर तत्वों को स्टाइल करने का एक अच्छा तरीका है . हालांकि, CSS इनलाइन के अत्यधिक उपयोग के परिणामस्वरूप आसानी से गन्दा कोड हो सकता है।

इनलाइन शैलियों को अपडेट करना मुश्किल है क्योंकि आपको प्रत्येक शैली को मैन्युअल रूप से संपादित करना होगा। दूसरी ओर, स्टाइलशीट में शैलियाँ बड़े का उपयोग कर सकती हैं चयनकर्ता। ये चयनकर्ता एक HTML दस्तावेज़ में कई तत्वों को प्रभावित कर सकते हैं।

जब आप किसी तत्व पर नियमों की एक बड़ी सूची लागू करना चाहते हैं तो आंतरिक या बाहरी CSS का उपयोग करना अक्सर सबसे अच्छा होता है। इसलिए यदि आप छह लागू करना चाहते हैं या एक तत्व के लिए सात सीएसएस गुण, आपको सीएसएस इनलाइन का उपयोग करने से बचना चाहिए।

वास्तव में, जैसा कि हमने कहा, इनलाइन सीएसएस का अत्यधिक उपयोग आपके कोड को गड़बड़ कर सकता है। यदि आपके पास HTML तत्व में छह सीएसएस नियम हैं , यह अपने कोड में तत्व को स्वयं देखना अधिक कठिन है।

निष्कर्ष

वेब पृष्ठ पर किसी तत्व पर शैली लागू करने के लिए इनलाइन CSS शैलियाँ। सामान्य तौर पर, सीएसएस इनलाइन का उपयोग करना आदर्श होता है जब आप किसी वेब पेज पर केवल कुछ तत्वों में बदलाव या शैली का पूर्वावलोकन करना चाहते हैं। यदि आप किसी तत्व के लिए कई शैलियों को लागू करना चाहते हैं, तो आमतौर पर आंतरिक या बाहरी स्टाइल शीट का उपयोग करना सबसे अच्छा होता है।

इस ट्यूटोरियल में उदाहरणों के संदर्भ में, CSS में स्टाइलिंग की मूल बातें और शैलियों का उपयोग करने के तरीके के बारे में बताया गया है। सीएसएस लाइन। अब आप एक पेशेवर वेब डेवलपर की तरह सीएसएस का ऑनलाइन उपयोग शुरू करने के लिए तैयार हैं।

सीएसएस में कोडिंग के बारे में अधिक जानने के लिए, कैसे सीखें पर हमारी पूरी गाइड पढ़ें। सीएसएस .