कैस्केडिंग स्टाइल शीट का उपयोग एचटीएमएल पेज की सामग्री को प्रारूपित करने के लिए किया जाता है। तदनुसार, CSS में उपयोग किए जाने वाले सभी कमांड का उद्देश्य HTML दस्तावेज़ के किसी भी तत्व की उपस्थिति को संपादित करना है।
यह आवश्यक है
एक इंटरनेट कनेक्शन वाला कंप्यूटर।
अनुदेश
चरण 1
इस बारे में पढ़ें कि कैस्केडिंग स्टाइल शीट का उपयोग कैसे किया जाता है। टेक्स्ट फॉर्मेटिंग कैस्केडिंग स्टाइल शीट्स की सबसे अधिक इस्तेमाल की जाने वाली विशेषता है। किसी भी HTML दस्तावेज़ में उसके विभिन्न भागों में बड़ी मात्रा में पाठ्य जानकारी होती है। उसी समय, पृष्ठ के प्रत्येक भाग का अपना प्रारूप और फ़ॉन्ट होना चाहिए: पाठ का एक भाग मेनू का पाठ है, दूसरा शीर्षक है, तीसरा पृष्ठ का मुख्य पाठ है, आदि। टेक्स्ट सूचना को प्रारूपित करने के लिए, फॉन्ट का नाम, उसका आकार, वजन आदि बदलने के लिए कमांड का उपयोग किया जाता है।
चरण दो
तो, सबसे पहले, फॉन्ट-फ़ैमिली स्टाइल पैरामीटर पर ध्यान दें। यह विशेषता आपको इस टैग के लिए एक विशिष्ट फ़ॉन्ट सेट करने की अनुमति देती है। फ़ॉन्ट का नाम ":" चिह्न के बाद लिखा गया है। फ़ॉन्ट-आकार शैली विशेषता का उपयोग टैग में निहित टेक्स्ट के आकार को सेट करने के लिए किया जाता है। आकार मान ":" चिह्न के बाद भी लिखा जाता है और पिक्सेल में इंगित किया जाता है, उदाहरण के लिए, "फ़ॉन्ट-आकार: 20px"।
चरण 3
ध्यान दें कि शैली मापदंडों को ";" चिह्न का उपयोग करके एक साथ जोड़ा और लिखा जा सकता है। यह उपयोगी है यदि आपको एक टैग के लिए कई पैरामीटर सेट करने की आवश्यकता है।
चरण 4
टेक्स्ट का रंग बदलने के लिए शैली विशेषता रंग का उपयोग करें। रंग का नाम मानक तरीके से लिखा गया है: हरा, नीला, लाल, आदि। इसमें न केवल टेक्स्ट का रंग, बल्कि पृष्ठभूमि का रंग भी सेट करने की क्षमता है। इस प्रयोजन के लिए, पृष्ठभूमि-रंग विशेषता का उपयोग किया जाता है, जिसके बाद चयनित रंग को भी इंगित किया जाना चाहिए। यदि आप इस टैग के क्षेत्र में पृष्ठभूमि के रूप में एक छवि का उपयोग करना चाहते हैं, भरण नहीं, तो पृष्ठभूमि-छवि शैली पैरामीटर देखें, इसके बाद छवि का स्रोत निर्दिष्ट करें।
चरण 5
कई शैली विशेषताओं से परिचित हों जो पृष्ठ तत्वों के मापदंडों को निर्धारित करती हैं, जिनमें सबसे पहले, पैडिंग, बॉर्डर, फ्लोट, स्थिति शामिल हैं।
चरण 6
दिए गए टैग से जुड़े मार्जिन की मात्रा निर्धारित करने के लिए पैडिंग पैरामीटर का उपयोग करें। इस मामले में, यह मान प्रत्येक पक्ष से गिना जाता है। इस क्षेत्र की सीमा बनाने के लिए सीमा विशेषता निर्दिष्ट करें। कोलन के बाद बॉर्डर की चौड़ाई पिक्सल में लिखी जाती है। फ्लोट संपत्ति आपके पृष्ठ पर एक तत्व को दाएं या बाएं तैरने की अनुमति देगी। इस संबंध में, इस संपत्ति के योग्यता पैरामीटर बाएं या दाएं हैं।
चरण 7
यदि आपको दस्तावेज़ पर किसी वस्तु को ठीक से स्थापित करने की आवश्यकता है, तो स्थिति संपत्ति का उपयोग करें। यह पृष्ठ तत्व को एक निरपेक्ष तरीके से ढूँढता है, जैसे "स्थिति: निरपेक्ष; नीचे: 50px; दाएँ: 10px;", या सापेक्ष तरीके से, पृष्ठ के किनारों से दूरी के आधार पर।
