5.1 टैग की शैली विशेषता
और HTML के बारे में कुछ और उपयोगी बातें। जैसे-जैसे वेब ने लोकप्रियता हासिल करना शुरू किया, वैसे-वैसे वेब पेजों को खूबसूरती से या बहुत खूबसूरती से डिजाइन करने की मांग बढ़ने लगी। के प्रयोग से यह समस्या दूर हो गई style
।
इस विशेषता के सामान्य रूप में निम्न प्रारूप है:
<tag style="name=value;name2=value2;nameN=valueN">
विशेषता मान, style
एक अर्धविराम द्वारा अलग किया गया, उन सभी "शैलियों" को सूचीबद्ध करता है जिन्हें टैग पर लागू करने की आवश्यकता होती है।
मान लीजिए कि आप एक छवि को एक वर्ग के रूप में प्रदर्शित करना चाहते हैं 100*100
और इसे आधा पारदर्शी भी बनाना चाहते हैं। ऐसा करने के लिए, आपको इसमें विशेष शैलियाँ जोड़ने की आवश्यकता है:
- चौड़ाई = 100 पीएक्स;
- ऊंचाई = 100 पीएक्स;
- अपारदर्शिता = 0.5;
तब इस छवि वाला HTML कोड इस तरह दिखेगा:
<img src="logo.png" style="width=100px;height=100px;opacity=0.5">
शैलियों के हजारों नहीं तो सैकड़ों हैं। और ब्राउज़र डेवलपर्स लगातार नए लेकर आ रहे हैं। यह अच्छा है कि आप जावा डेवलपर बनने के लिए पढ़ रहे हैं, वेब डिज़ाइनर नहीं :)
5.2 लोकप्रिय सीएसएस शैलियाँ
यह संभावना नहीं है कि आप अपने जीवन में बहुत सारे HTML कोड लिखेंगे या इसकी शैलियों को संपादित करेंगे, लेकिन कुछ भी हो सकता है। उदाहरण के लिए, आप API
. इसलिए, बुनियादी शैलियों को जानना HTML
मददगार हो सकता है।
बैकएंड डेवलपर्स के लिए नीचे 10 सबसे आम हैं:
# | नाम | उदाहरण | विवरण |
---|---|---|---|
1 | चौड़ाई | चौड़ाई: 100 पीएक्स | पिक्सेल में तत्व की चौड़ाई |
2 | ऊंचाई | ऊँचाई: 50% | प्रतिशत के रूप में तत्व की ऊंचाई (माता-पिता की चौड़ाई का) |
3 | दिखाना | कुछ भी डिस्प्ले मत करो | प्रदर्शन तत्व (तत्व प्रदर्शित न करें) |
4 | दृश्यता | दृश्यता: छिपा हुआ | तत्व दृश्यता (तत्व छिपा हुआ है, लेकिन इसके लिए स्थान आरक्षित है) |
5 | रंग | लाल रंग; | पाठ का रंग |
6 | पृष्ठभूमि का रंग | पृष्ठभूमि का रंग: धुआं | पृष्ठभूमि का रंग |
7 | सीमा | बॉर्डर: 1px सॉलिड ब्लैक; | बॉर्डर (चौड़ाई 1px, रंग काला, ठोस रेखा) |
8 | फ़ॉन्ट | फ़ॉन्ट: बरामदा 10pt | फ़ॉन्ट: बरामदा, आकार 10pt |
9 | पाठ संरेखित | पाठ-संरेखण: केंद्र; | पाठ संरेखण क्षैतिज रूप से |
10 | अंतर | मार्जिन: 2 पीएक्स | तत्व के बाहर गद्दी |
आपको इन टैग्स को याद रखने की जरूरत नहीं है, सब कुछ इंटरनेट पर है। इसके अलावा, प्रत्येक "शैली" के पास मान्य मूल्यों का अपना सेट है और मूल्य का वर्णन करने के लिए इसका अपना प्रारूप है। border
कम से कम या देखें font
।
GO TO FULL VERSION