मालवेअर हे अनाहूत किंवा धोकादायक प्रोग्राम आहेत जे...
कमाल आणि किमान प्रतिमा आकार मर्यादित करण्यासाठी तुम्ही किमान-रुंदी आणि कमाल-रुंदी देखील वापरू शकता!
मजकूर स्केल करण्यासाठी फॉन्ट-आकार विशेषता वापरणे ही सर्वात कठीण बाब आहे शैली CSS मध्ये. वेब ब्राउझरमध्ये प्रदर्शित मजकूराचा आकार मोजण्यासाठी CSS चार युनिट्स देते. वेब दस्तऐवजांसाठी या चारपैकी कोणते युनिट सर्वात योग्य आहे? या प्रकरणामुळे बरीच चर्चा आणि वाद निर्माण झाला आहे. अशा प्रश्नाचे निश्चित उत्तर देणे कठीण आहे.
हम्म ( em): em हे स्केलेबल युनिट आहे जे वेब दस्तऐवजांसाठी वापरले जाते. एक em वर्तमान फॉन्ट आकाराप्रमाणे आहे. उदाहरणार्थ, जर दस्तऐवजाचा फॉन्ट आकार 12pt असेल, तर 1em 12pt असेल. em स्केल केलेले असल्याने, 2em 24pt, .5em 6pt इ. त्याच्या स्केलेबिलिटी आणि मोबाइल उपकरणांसह उच्च सुसंगततेमुळे, वेब दस्तऐवजांमध्ये emचा वापर वाढत्या प्रमाणात होत आहे.
पिक्सेल ( px): पिक्सेल हे निश्चित-आकाराचे एकके आहेत जे वाचण्यायोग्य प्रत्येक गोष्टीसाठी वापरले जातात संगणकाचा पडदा. संगणकाच्या स्क्रीनवर एक पिक्सेल एका बिंदूच्या बरोबरीचा असतो (हे आहे सर्वात लहान विभागतुमचे स्क्रीन रिझोल्यूशन). अनेक वेब डिझायनर वेब दस्तऐवजांमध्ये पिक्सेल वापरतात हे सुनिश्चित करण्यासाठी की वेबसाइट ब्राउझरमध्ये प्रदर्शित केल्यावर पिक्सेल-परिपूर्ण दिसते. फक्त समस्याकमी दृष्टी असलेल्या वाचकांच्या सोयीसाठी पिक्सेल मोठे केले जाऊ शकत नाहीत किंवा वाचन सुलभतेसाठी कमी केले जाऊ शकत नाहीत मोबाइल उपकरणेओह.
गुण ( pt): ठिपके पारंपारिकपणे वापरले जातात छापील प्रकाशने(म्हणजे कागदावर छापलेल्या प्रत्येक गोष्टीसाठी). एक बिंदू एका इंचाच्या 1/72 बरोबर असतो. ठिपके त्यांच्याकडे असलेल्या पिक्सेलसारखे असतात निश्चित आकारआणि ते वाढवता/कमी करता येत नाहीत.
या युनिट्समधील फरक समजून घेणे सोपे आहे विशिष्ट उदाहरणे. ते एकमेकांशी कसे संबंधित आहेत ते येथे आहे: 1em = 12pt = 16px = 100%. मुख्य फॉन्ट आकार (बॉडी सीएसएस सिलेक्टर वापरून) 100% वरून 120% पर्यंत वाढवल्यावर काय होते ते पाहू या.
जसे तुम्ही बघू शकता, बेस फॉन्ट आकार वाढल्याने Ems आणि टक्केवारी वाढते, परंतु Pixels आणि Dots तसे होत नाहीत. वापरण्यास सोप परिपूर्ण आकारआपल्या मजकूरासाठी, परंतु कोणत्याही डिव्हाइसवर प्रदर्शित होणारा स्केलेबल मजकूर वापरणे खूप सोपे आहे. म्हणून, वेब दस्तऐवजाच्या मजकुरासाठी Em आणि टक्के युनिट्स वापरणे श्रेयस्कर आहे.
आम्हाला आढळले की पॉइंट आणि पिक्सेल वेब दस्तऐवजांसाठी सर्वोत्तम युनिट नाहीत. तर, आमच्याकडे Em आणि टक्के शिल्लक आहेत. सैद्धांतिकदृष्ट्या, Em आणि टक्के समान एकके आहेत, परंतु व्यवहारात त्यांच्यामध्ये किरकोळ फरक आहेत ज्याकडे दुर्लक्ष केले जाऊ शकत नाही.
वरील उदाहरणात, आम्ही बेस फॉन्ट आकार (बॉडी टॅगसाठी) म्हणून टक्केवारी युनिट वापरले. आपण बदलल्यास बेस आकारटक्के ते Em (म्हणजे मुख्य भाग ( फॉन्ट-आकार: 1em; )) पर्यंत फॉन्ट, तर तुम्हाला बहुधा फरक लक्षात येणार नाही. बॉडी फॉन्टचा आकार 1em असताना आणि क्लायंट जेव्हा ब्राउझरची "टेक्स्ट साइज" सेटिंग बदलतो तेव्हा काय होते ते पाहू या (ही सेटिंग काही ब्राउझरमध्ये उपलब्ध आहे, जसे की इंटरनेट एक्सप्लोरर).
जेव्हा क्लायंट ब्राउझरमधील मजकूर आकार "मध्यम" वर सेट केला जातो, तेव्हा Em आणि टक्के मध्ये फरक नसतो. परंतु आपण ही सेटिंग बदलल्यास, फरक लक्षणीय होईल. सर्वात लहान सेटिंगसह, Ems टक्केपेक्षा खूपच लहान आहेत. आणि "सर्वात मोठ्या" सेटिंगसह, उलट सत्य आहे - Em टक्केपेक्षा खूप मोठा आहे. आपण असे म्हणू शकता की Em युनिट्स जसे असावेत तसे मोजले जातात, परंतु व्यवहारात असा मजकूर खूप तीव्रपणे मोजला जातो आणि काही उपकरणांवर सर्वात लहान मजकूर वाचता येत नाही.
सिद्धांतानुसार, वेब दस्तऐवजांमध्ये फॉन्ट आकारांसाठी Em युनिट हे नवीन मानक आहे, परंतु व्यवहारात असे दिसून येते की टक्के युनिट अधिक वापरकर्ता-अनुकूल आहे. जेव्हा ते बदलते क्लायंट सेटिंग्जटक्केवारी युनिट वापरणारा मजकूर योग्य रीतीने मोजला जातो, ज्यामुळे डिझाइनर वाचनीयता, प्रवेशयोग्यता आणि व्हिज्युअल डिझाइन राखू शकतात.
सहसा जेव्हा मी तयार करतो नवीन डिझाइननंतर बॉडी एलिमेंटसाठी मी टक्केवारी (बॉडी (फॉन्ट-आकार: 62.5%; )) वापरतो आणि नंतर आणखी स्केल करण्यासाठी em वापरतो. जोपर्यंत मुख्य भाग टक्केवारीवर सेट केला जातो, तोपर्यंत तुम्ही इतर कोणत्याही नियमांसाठी टक्केवारी किंवा Em वापरू शकता आणि CSS निवडकतुमचा प्राथमिक फॉन्ट आकार म्हणून टक्केवारी वापरण्याच्या फायद्यांचा लाभ घेत असताना.
गेल्या काही वर्षांत, वेब डिझाइनमध्ये ही प्रथा खूप सामान्य झाली आहे.
पिक्सेल आता फॉन्ट आकाराचे वैध एकके म्हणून वापरले जातात (वापरकर्ते लहान मजकूर वाचण्यासाठी ब्राउझरचे "झूम" वैशिष्ट्य वापरू शकतात). तथापि, खूप मोठ्या स्क्रीन असलेल्या मोबाइल उपकरणांमुळे पिक्सेलचा वापर समस्याप्रधान बनतो. उच्च घनतापिक्सेल (काही Android डिव्हाइसेसआणि iPhone ची घनता 200-300 पिक्सेल प्रति इंच आहे, ज्यामुळे 11 आणि 12 पिक्सेल फॉन्ट वाचणे कठीण होते). म्हणून, मी वेब दस्तऐवजांसाठी मुख्य फॉन्ट आकार म्हणून टक्केवारी वापरणे सुरू ठेवतो.
टक्केवारी हे घटक असलेल्या ब्लॉकच्या सापेक्ष मापनाचे एकक आहे. हे प्रतिमांसाठी चांगले कार्य करते: येथे आम्ही प्रतिमेसाठी परिमाणे सेट करतो, ज्याची रुंदी नेहमीच कंटेनरच्या रुंदीच्या 50% असते. काय होते ते पाहण्यासाठी तुमची ब्राउझर विंडो अरुंद करण्याचा प्रयत्न करा!
लेख img (फ्लोट: उजवीकडे; रुंदी: 50%;)कमाल आणि किमान प्रतिमा आकार मर्यादित करण्यासाठी तुम्ही किमान-रुंदी आणि कमाल-रुंदी देखील वापरू शकता!
टेम्पलेट तयार करण्यासाठी तुम्ही टक्केवारी वापरू शकता, परंतु या दृष्टिकोनासाठी अधिक काम आवश्यक आहे. या उदाहरणात, जेव्हा ब्राउझर विंडो खूप अरुंद असते तेव्हा नेव्ही घटकाची सामग्री अप्रिय मार्गाने गुंडाळण्यास सुरवात होते. हे सर्व आपल्या सामग्रीसह काय चांगले कार्य करते यावर अवलंबून आहे.
nav ( फ्लोट : डावीकडे ; रुंदी : 25% ; ) विभाग ( समास-डावीकडे : 25% ;)
जेव्हा मांडणी खूप अरुंद असते, तेव्हा नेव्ही घटक दाबला जातो. सर्वात वाईट म्हणजे, हे निराकरण करण्यासाठी तुम्ही एनएव्हीवर किमान-रुंदी वापरू शकत नाही, कारण ते उजव्या हाताच्या स्तंभाला पुढे जाण्यापासून रोखणार नाही.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus imperdiet, nulla et dictum interdum, nisi lorem egestas odio, vitae scelerisque enim ligula venenatis dolor. Maecenas nisl est, ultrices nec congue eget, Auctor vitae massa. Fusce luctus vestibulum augue ut aliquet. मॉरिस अँटे लिगुला, फॅसिलिसिस सेड ऑर्नारे यू, लोबोर्टिस इन ओडिओ. Praesent convallis urna a lacus interdum ut hendrerit risus congue. Nunc sagittis dictum nisi, sed ullamcorper ipsum dignissim ac. In at libero sed nunc venenatis imperdiet sed ornare turpis. Donec vitae dui eget tellus gravida venenatis. पूर्णांक फ्रिंगिला काँग्यू इरॉस नॉन फर्ममेंटम. Sed dapibus pulvinar nibh tempor porta. क्रास एसी लिओ पुरस. Mauris quis diam velit.
13/19 हे टेबलचे मुख्य भाग आहे. शरीरात पंक्ती आणि स्तंभ असतात. टेबल ओळीने भरले आहे.प्रत्येक टॅग
येथे एक उदाहरण आहे, html कोड:
उदाहरण सारणी स्तंभ १ स्तंभ २
सेलकडे लक्ष द्या
आता सर्व टॅग विशेषता जवळून पाहू
किंवा ओळी | |||||||||||||||||||||||||||||||||||||||||||||
... | ... |
...
2. मालमत्ता background="URL" - पार्श्वभूमी प्रतिमा सेट करते. URL ऐवजी बॅकग्राउंड इमेजचा पत्ता लिहावा. उदाहरण
पृष्ठावरील खालीलमध्ये रूपांतरित करते: वरील उदाहरणात, आमची पार्श्वभूमी प्रतिमा img फोल्डरमध्ये स्थित आहे (जी html पृष्ठाच्या समान निर्देशिकेत आहे), आणि प्रतिमेला fon.gif म्हणतात. कृपया लक्षात घ्या की आम्ही टॅगमध्ये style="color:white;" जोडले आहे. . पार्श्वभूमी जवळजवळ काळी असल्याने, मजकूर पार्श्वभूमीत मिसळू नये म्हणून, आम्ही मजकूर पांढरा केला. 3. प्रॉपर्टी bgcolor="color" - टेबलचा पार्श्वभूमी रंग सेट करते. तुम्ही संपूर्ण पॅलेटमधून कोणताही रंग निवडू शकता (HTML रंगांचे कोड आणि नावे पहा) 4. प्रॉपर्टी बॉर्डर="number" - टेबल बॉर्डरची जाडी सेट करते. मागील उदाहरणांमध्ये, आम्ही सीमा="1" निर्दिष्ट केली आहे, ज्याचा अर्थ बॉर्डरची जाडी 1 पिक्सेल आहे. 5. प्रॉपर्टी bordercolor="color" - बॉर्डरचा रंग सेट करते. जर सीमा = "0" असेल तर सीमा नसेल आणि सीमा रंगाला काही अर्थ नाही. 6. प्रॉपर्टी सेलपॅडिंग="नंबर" - पिक्सेलमध्ये फ्रेममधून सेल सामग्रीपर्यंत इंडेंट. 7. प्रॉपर्टी सेलस्पेसिंग="नंबर" - पिक्सेलमधील सेलमधील अंतर. 8. प्रॉपर्टी कॉल्स="नंबर" - स्तंभांची संख्या. आपण ते सेट न केल्यास, ब्राउझर स्वतः स्तंभांची संख्या निर्धारित करेल. फरक एवढाच आहे की हे पॅरामीटर निर्दिष्ट केल्याने टेबल लोड होण्यास गती मिळेल. 9. प्रॉपर्टी फ्रेम="पॅरामीटर" - टेबलाभोवती बॉर्डर कसे दाखवायचे. खालील मूल्ये घेऊ शकतात:
10. मालमत्ता उंची="संख्या" - सारणीची उंची सेट करते: एकतर पिक्सेलमध्ये किंवा टक्केवारीत. 11. मालमत्ता नियम="पॅरामीटर" - सेलमधील सीमा कुठे प्रदर्शित करायच्या. खालील मूल्ये घेऊ शकतात:
|