वेब डिझाईनने ग्राफिक आणि प्रिंट डिझाइनच्या जगापासून प्रिन्सल आणि व्याख्या नेहमीच घेतल्या आहेत. हे विशेषत: सत्य आहे जेव्हा वेब टाइपोग्राफीची व आमच्या वेब पेजवर आपल्याला पत्र स्वरुपात मिळतो. हे समानांतर नेहमी 1 ते 1 अनुवाद नाहीत, परंतु एक शिस्त इतरांवर कशा प्रकारे प्रभाव पाडू शकतो हे आपण निश्चितपणे पाहू शकता. जेव्हा आपण पारंपरिक टाइपोग्राफी टर्म "अग्रगण्य" आणि "रेखा-उंची" म्हणून ओळखले जाणारे CSS गुणधर्म यामधील संबंध विचारात घ्याल तेव्हा हे विशेषत: स्पष्ट होते.
आघाडीचा उद्देश
जेव्हा मुद्रित पृष्ठासाठी टायपोग्राफी तयार करण्यासाठी लोक स्वतः हँडसेट किंवा लाकडी पत्रे हाताळतात तेव्हा त्या ओळींमधील अंतर निर्माण करण्यासाठी त्यातील पातळ तुकड्यांची रचना क्षैतिज ओळींमध्ये ठेवण्यात आली होती. आपण मोठ्या जागेची आवश्यकता असल्यास, आपण आघाडीच्या मोठ्या तुकड्या घालू शकाल अशाप्रकारे "अग्रगण्य" या शब्दाचा उच्चार केला गेला. टायपोग्राफीक डिझाईन आणि प्रिन्सिपल बद्दलच्या एका पुस्तकात आपण "अग्रगण्य" हा शब्द पाहिल्यास ते "पुढील प्रकारांच्या ओळींच्या आधाररेषांमधील अंतर" च्या प्रभावावर काहीतरी वाचेल.
वेब डिझाइनमध्ये अग्रेसर
डिजिटल डिजीटलमध्ये, आघाडीचे पद हे टेक्स्टच्या ओळींमधील अंतर दर्शविण्यासाठी वापरला जातो. अनेक कार्यक्रम त्या अचूक शब्दाचा वापर करतात, जरी त्या कार्यक्रमांमध्ये प्रत्यक्ष आघाडी वापरली जात नसली तरीही पारंपारिक व्यक्तींकडून रचना उधार कल्पनांचा नवा फॉर्म हा एक उत्तम उदाहरण आहे, जरी त्या तत्त्वानुसार अचूक अंमलबजावणी बदलली आहे.
वेब डिझाईनच्या बाबतीत, "अग्रगण्य" साठी कोणतीही CSS गुणधर्म उपलब्ध नाही. त्याऐवजी, सीएसएस प्रॉपर्टी जो मजकूरचे हे व्हिज्युअल प्रदर्शन हाताळू शकते ती लाइन-उंची असे म्हणतात. आपण मजकूर मजकूर क्षैतिज ओळीं दरम्यान अतिरिक्त जागा इच्छित असल्यास, आपण या मालमत्तेचा वापर होईल उदाहरणार्थ, आपण आपल्या साइटच्या <मुख्य> घटकांमधील सर्व परिच्छेदांसाठी रेखा-उंची वाढवू इच्छित आहात, असे आपण असे करू शकता:
मुख्य पी {रेखा-उंची: 1.5; }हे आता पृष्ठाच्या डीफॉल्ट फॉन्ट आकारावर आधारित (सामान्यतः 16px आहे) 1.5 पट सामान्य रेष उंचीवर असेल.
लाइन-उंची कधी वापरावी
वरील तपशीलाप्रमाणे, परिच्छेदातील मजकूराची जागा किंवा मजकूराच्या इतर ब्लॉक्सच्या जागेसाठी जागा वापरण्यासाठी लाइन-उंची उपयुक्त आहे. ओळींमध्ये खूप कमी जागा असल्यास, मजकूर आपल्या साइटवर दर्शकांना वाचण्यासाठी कठीण आणि कठीण होऊ शकते. त्याचप्रमाणे, जर पानावर ओळी खूप दूर असतील, तर वाचनचे सामान्य प्रवाह खंडित होईल आणि वाचकांना त्या कारणास्तव आपल्या मजकूरास त्रास होईल. म्हणूनच आपल्याला वापरण्यासाठी योग्य रेखा-उंचीची स्पेसिंग शोधणे आवश्यक आहे. आपण पृष्ठाचे वाचन करण्यावर आपले अभिप्राय प्राप्त करण्यासाठी प्रत्यक्ष वापरकर्त्यांसह आपल्या डिझाइनची चाचणी देखील करू शकता.
लाइन-उंचीचा वापर न केल्यास
पॅडिंग किंवा मार्जिनसह लाइन-उंचीला भ्रमित करू नका जे आपण आपल्या पृष्ठाच्या डिझाइनमध्ये मोकळी जागा समाविष्ट करण्यासाठी वापराल, शीर्षक किंवा परिच्छेद खाली. ते अंतर अग्रस्थानी नाही, आणि म्हणून हे रेखा-उंचीने हाताळले जात नाही.
आपण विशिष्ट मजकूर घटकांच्या अंतर्गत जागा जोडू इच्छित असल्यास, आपण समास किंवा पॅडिंगचा वापर कराल आपण वापरलेल्या मागील सीएसएस उदाहरणाकडे परत जाऊन, आम्ही हे जोडू शकतो:
मुख्य पी {रेखा-उंची: 1.5; समास-तळाशी: 24px; } आपल्या पृष्ठाचे परिच्छेद (
जवळजवळ सर्व बाबतीत, हे मागील CSS प्रमाणेच प्रदर्शित होईल.
समजा आपण "सेवा-मेन्यू" वर्गात सूची असलेल्या सूचीच्या खाली अंतर जोडण्यास इच्छुक आहात, तर आपण मार्जिन्स किंवा पॅडिंगचा वापर करू शकाल, रेखा उंची नाही. तर हे योग्य होईल.
.services-menu li {<पॅडिंग-तळ: 30 पीएक्स; }आपण सूचीतील मजकूर-अंतराळांमध्ये अंतर ठेवू इच्छित असल्यास आपण केवळ येथे रेखा-उंचीचा वापर करू शकता, असे गृहीत धरून की त्या प्रत्येक मजल्याला अनेक बुलेट पॉइण्टच्या अनेक ओळीवर चालत असलेल्या मजकुराची लांबीची धावा आहेत.