5.1 टॅगची शैली विशेषता

आणि HTML बद्दल आणखी काही उपयुक्त गोष्टी. वेबला जसजशी लोकप्रियता मिळू लागली, तसतशी वेबपेजेस सुंदर किंवा अतिशय सुंदर डिझाइन करण्याची मागणी वाढत गेली. वापरून ही समस्या सोडवली गेली style .

या गुणधर्माच्या सामान्य स्वरूपाचे खालील स्वरूप आहे:


        <tag style="name=value;name2=value2;nameN=valueN">
    

विशेषता मूल्य, styleअर्धविरामाने विभक्त केलेले, टॅगवर लागू करणे आवश्यक असलेल्या सर्व "शैली" सूचीबद्ध करते.

समजा तुम्हाला प्रतिमा चौरस म्हणून दाखवायची आहे 100*100आणि ती अर्धी पारदर्शक बनवायची आहे. हे करण्यासाठी, आपल्याला त्यात विशेष शैली जोडण्याची आवश्यकता आहे:

  • रुंदी=100px;
  • उंची = 100px;
  • अपारदर्शकता = ०.५;

नंतर या प्रतिमेसह HTML कोड असे दिसेल:


       <img src="logo.png" style="width=100px;height=100px;opacity=0.5">
    

हजारो नाही तर शेकडो शैली आहेत. आणि ब्राउझर डेव्हलपर सतत नवीन येत आहेत. तुम्ही जावा डेव्हलपर होण्यासाठी अभ्यास करत आहात हे चांगले आहे, वेब डिझायनर नाही :)

5.2 लोकप्रिय CSS शैली

तुमच्या आयुष्यात तुम्ही भरपूर HTML कोड लिहाल किंवा त्याची शैली संपादित कराल अशी शक्यता नाही, पण काहीही होऊ शकते. उदाहरणार्थ, तुम्ही ची चाचणी करण्यासाठी दोन लहान HTML पृष्ठे लिहित आहात API. म्हणून, मूलभूत शैली जाणून घेणे HTMLउपयुक्त ठरू शकते.

खाली बॅकएंड विकसकांसाठी 10 सर्वात सामान्य आहेत:

# नाव उदाहरण वर्णन
रुंदी रुंदी: 100px घटकाची रुंदी पिक्सेलमध्ये
2 उंची उंची: ५०% टक्केवारी म्हणून घटकाची उंची (पालकांच्या रुंदीची)
3 प्रदर्शन प्रदर्शन: काहीही नाही प्रदर्शन घटक (घटक प्रदर्शित करू नका)
4 दृश्यमानता दृश्यमानता: लपलेले घटक दृश्यमानता (घटक लपलेले आहे, परंतु त्यासाठी जागा राखीव आहे)
रंग रंग: लाल; मजकूर रंग
6 पार्श्वभूमी रंग पार्श्वभूमी रंग: धूर पार्श्वभूमी रंग
सीमा सीमा: 1px घन काळा; सीमा (रुंदी 1px, रंग काळा, घन रेखा)
8 फॉन्ट फॉन्ट: verdana 10pt फॉन्ट: verdana, आकार 10pt
मजकूर संरेखित करा मजकूर-संरेखित: केंद्र; मजकूर संरेखन क्षैतिजरित्या
10 समास समास:2px घटकाच्या बाहेर पॅडिंग

तुम्हाला हे टॅग लक्षात ठेवण्याची गरज नाही, सर्व काही इंटरनेटवर आहे. शिवाय, प्रत्येक "शैली" चे स्वतःचे वैध मूल्यांचे संच आणि मूल्याचे वर्णन करण्यासाठी स्वतःचे स्वरूप असते. किमान borderकिंवा पहा font.