सीएसएस इन सेटिंग: पंक्ति रिक्ति

सीएसएस में, लाइनों के बीच की दूरी निर्धारित करने के लिए बहुत आसान है। इस प्रयोजन के लिए वहाँ एक विशेष संपत्ति है। लेकिन, निश्चित रूप से, कई अन्य मानकों, जो सार्वभौमिक हैं और पाठ करने के लिए लागू किया जा सकता है।

कोई समायोजन किया जाता है, तो आप डिफ़ॉल्ट मानों के लिए सेट कर रहे हैं। अगर वांछित आप दूरी बदल सकते हैं। मूल्य या तो एक प्रतिशत या पिक्सल हो सकता है।

पंक्ति ऊंचाई

लाइनों के बीच सीएसएस दूरी निम्नलिखित आंकड़ा द्वारा प्रदर्शन किया जा सकता है।

उपरोक्त छवि में इसी दूरी के साथ मानकों को दर्शाता है। पाठ स्थान font-size में है। ध्यान दें कि पाठ लाइन आधार है और थोड़ा अधिक पर शुरू नहीं करता है। पत्र जो नीचे तत्वों (छ, वाई, और इतने पर) के लिए नीचे दिए गए स्थान।

ध्यान दें कि ब्लॉक font-size के बीच की जगह प्रमुख बुलाया है। HTML और सीएसएस के साथ इस संपत्ति प्रकट नहीं होता है, लेकिन यह अन्य ग्राफिक और पाठ संपादक में है। उदाहरण के लिए, एडोब फोटोशॉप में।

आंकड़ा पता चलता है जहां "फ़ोटोशॉप" में, आप प्रमुख निर्दिष्ट कर सकते हैं इसके बाद के संस्करण। और अगले निर्दिष्ट font-size सेटिंग।

line-height उपयोग करने के उदाहरण

सीएसएस में, लाइनों के बीच की दूरी प्रतिशत निर्धारित किया जा सकता। एक उदाहराणदर्शक उदाहरण के नीचे दी गई है।

अपनी साइट के उपयोगकर्ता के छोटे मूल्यों के मामले में पढ़ने के लिए असुविधाजनक हो जाएगा।

दूरी विविध और फ़ॉन्ट का आकार हो सकता है। तो बुनियादी मानकों के बीच अंतर की संख्या में काफी अलग होगा, अंतर वृद्धि अग्रणी से मुआवजा दिया है।

डिजाइन की बारीकियों

लाइनों के बीच सीएसएस दूरी आगे विभिन्न इंडेंट अनुकूलित कर सकते हैं। आकृति में उदाहरण पर विचार करें।

"तत्व" इस मामले में में पाठ किया जाएगा। पैडिंग - गद्दी ऑब्जेक्ट के अंदर है, और मार्जिन - वस्तु के खरोज। सीमा - इस फ्रेम। यह 0 पिक्सल हो सकता है, और 100 से हो सकता है।

निम्न छवि तुरंत सभी मार्जिन, फ्रेम और टेक्स्ट की पंक्ति की ऊंचाई को दर्शाता है।

यदि आप एक छोटे पाठ, सभी एक पंक्ति में, या एक अलग पैराग्राफ में प्रत्येक पंक्ति है, तो दूरी दांतेदार पैराग्राफ के बीच समायोजित किया जा सकता। यही कारण है कि maring और एक सेल में लाइनों कोई असर नहीं होगा के बीच गद्दी है। वे केवल वस्तु के किनारों पर खरोज पैदा करते हैं। वस्तु - इस पूरे पैरा, उस में लाइनों के बजाय। यह भ्रमित हो के लिए नहीं महत्वपूर्ण है।

ऐसे मामलों में जहां पंक्तियों, जो सभी एक ही वस्तु में स्थित हैं की एक बड़ी संख्या, फ़ॉन्ट बुनियादी मानकों को बदलने के लिए सिफारिश की है।

कैसे सीएसएस की तर्ज के बीच की दूरी को बढ़ाने के लिए

एचटीएमएल की तर्ज के बीच की दूरी, आप किसी भी वर्ग के लिए या पाठ में सभी अनुच्छेदों के लिए रजिस्टर कर सकते हैं। p {line-height:: आप इस तरह का उल्लेख करते हैं 20px; } - तो बिल्कुल पृष्ठ पर सभी पैराग्राफ 20 पिक्सल के तार किया जाएगा। आप विभिन्न आकारों में विभिन्न स्थानों में चाहते हैं, यह इस प्रकार के रूप में करने की सिफारिश की है।

हम शैलियों लिख।

.class1 {line-height: 20px; }

.class2 {line-height: 16px; }

.class3 {line-height: 12px; }

स्पष्टता के लिए, हम एक फ्रेम जोड़ने, तो आप देख सकते हैं कि यह काम करता है। भविष्य में, यह हटाया जाना चाहिए।

इसके बाद, हम इन कक्षाओं का उपयोग करें। परिणाम इस प्रकार है।

ध्यान दें कि तीसरे मामले में, बैंड पाठ करने के लिए चलाई। सभी इस तथ्य के कारण है कि करने के लिए फ़ॉन्ट आकार लाइन की ऊंचाई से अधिक है। इसलिए, यह सुनिश्चित करने के लिए कि इस तरह के संघर्ष नहीं थे महत्वपूर्ण है। आप की पंक्ति ऊंचाई कर रहे हैं, क्रमशः, फ़ॉन्ट को कम।

यह बहुत कम पाठ और लाइनों के बीच एक छोटी सी दूरी करने के लिए अनुशंसित नहीं है। के बाद से उन में से कोई भी यह सब शांति से पढ़ने में सक्षम नहीं होगा। उन्होंने जल्दी थक आँखें। खोज इंजन भी कहना है कि पाठ उपयोगकर्ता के अनुकूल है।

इसके अलावा, हाल के वर्षों में मोबाइल उपयोगकर्ताओं के लिए प्रयोज्य करने पर ज़ोर देती है। वहाँ सिफारिशों हमेशा कहा है कि फ़ॉन्ट आकार सामान्य, नहीं छोटा होना चाहिए। विशेष रूप से दृढ़ता से यह संदर्भ प्रभावित करता है। उनके छोटे आकार के साथ उपयोगकर्ता साइट नेविगेशन का उपयोग करने के लिए मुश्किल हो जाएगा।

खोज इंजन में "गूगल" एक विशेष उपकरण है जो विश्लेषण करने में मदद करता है। यह वेबमास्टर्स के लिए बहुत सुविधाजनक है।

यहाँ परिणाम हो सकता है कि का एक उदाहरण है।

यह क्योंकि इन मानदंडों खोज परिणामों को प्रभावित इन युक्तियों का उपयोग करने के लिए सिफारिश की है।