CSS मध्ये सेटिंग्ज: रेखा अंतर

CSS मध्ये, ओळी अंतर सेट करणे खूप सोपे आहे. या कारणासाठी एक विशेष ठिकाण आहे. पण, अर्थातच, सार्वत्रिक आहेत आणि मजकूर लागू केले जाऊ शकते जे अनेक इतर घटक आहेत.

नाही समायोजन केले असेल, तर आपण मुलभूत मुल्य करीता सेट केले जाते. इच्छित असल्यास आपण अंतर बदलू शकता. मूल्य टक्केवारी किंवा पिक्सेल एकतर असू शकते.

पंक्ती उंची

ओळी दरम्यान CSS अंतर खालील आकृती प्रात्यक्षिक केले जाऊ शकते.

उपरोक्त प्रतिमेत याच अंतर सह मापदंड दाखवते. मजकूर स्पेस फॉन्ट-आकार आहे. टीप मजकूर ओळ बेस व किंचित जास्त सुरू नाही. खाली तळाशी घटक (ग्रॅम, y, आणि त्यामुळे वर) ज्या अक्षरे प्रदान जागा.

लक्षात ठेवा अवरोध फॉन्ट-आकार जागा आघाडीच्या म्हणतात की. HTML आणि CSS हे ठिकाण दिसत नाही, पण तो इतर आलेखीय व पाठ्य संपादक आहे. उदाहरणार्थ, Adobe Photoshop मध्ये.

"Photoshop", आपण अग्रगण्य निर्देशीत करू शकता, जेथे शो वरील आकृती. पुढील फॉन्ट-आकार सेटिंग निर्दिष्ट.

रेखा-उंची वापरून उदाहरणे

CSS मध्ये, ओळी अंतर टक्के सेट केले जाऊ शकते. या उदाहरणात खाली दिले आहे.

आपल्या साइटवर वापरकर्ता लहान मूल्ये बाबतीत वाचण्यासाठी गैरसोयीचे असेल.

अंतर बहुरंगी आणि फॉन्ट आकार असू शकते. मूलभूत मापदंड फरक संख्या मोठ्या मानाने भिन्न असेल, तर फरक वाढ अग्रगण्य भरपाई दिली जाते.

रचना subtleties

ओळी दरम्यान CSS अंतर पुढे विविध सल्ला मसलत करुन कामांसाठी सानुकूलित करू शकता. आकृतीत उदाहरण पाहा.

"घटक" या प्रकरणात मजकूर असेल. भर - ऑब्जेक्ट खाच - पॅडिंग मार्जिन ऑब्जेक्ट आत आहे. बॉर्डर - हे फ्रेम. हे 0 पिक्सेल असू शकते, आणि 100 असू शकते.

खालील प्रतिमा ताबडतोब सर्व मार्जिन, फ्रेम आणि मजकूर ओळ उंची दाखवते.

आपण एक लहान मजकूर, सर्व एका ओळीत किंवा वेगळ्या परिच्छेद प्रत्येक ओळ असेल, तर अंतर इंडेट परिच्छेद दरम्यान सुस्थीत केले जाऊ शकते. एक सेल ओळी परिणाम नाही असेल दरम्यान maring आणि पॅडिंग आहे. ते फक्त ऑब्जेक्ट कडा येथे खळगा तयार करा. ऑब्जेक्ट - या संपूर्ण परिच्छेद, त्याऐवजी ओळी. तो गोंधळून करा न करणे महत्वाचे आहे.

प्रकरणी सर्व समान ऑब्जेक्ट मध्ये स्थित पंक्ती, मोठ्या प्रमाणात, फॉन्ट मूलभूत घटक बदलण्यासाठी शिफारस केली आहे जेथे.

CSS ओळी अंतर वाढ कसे

HTML ओळी अंतर, आपण कोणत्याही वर्ग किंवा मजकूर सर्व परिच्छेद नोंदणी करू शकतो. p {रेखा-उंची: आपण या सारखे निर्देशीत केल्यास 20px; } - नंतर पूर्णपणे पृष्ठावरील सर्व परिच्छेद 20 पिक्सेल स्ट्रिंग असेल. आपण वेगवेगळ्या आकारात वेगवेगळ्या ठिकाणी इच्छित असल्यास, तो खालीलप्रमाणे करू शिफारसीय आहे.

आम्ही शैली लिहून देतात.

.class1 {रेखा-उंची: 20px; }

.class2 {रेखा-उंची: 16px; }

.class3 {रेखा-उंची: 12px; }

स्पष्टता, आम्ही म्हणून आपण ते कार्य करते की पाहू शकता, एक फ्रेम जोडा. भविष्यात, काढणे आवश्यक आहे.

पुढे, आम्ही या वर्ग वापरा. खालील प्रमाणे परिणाम आहे.

टीप तिसरा बाबतीत, बँड मजकूर घडवून आणला आहे. सर्व देय की फॉन्ट आकार ओळ उंची पेक्षा जास्त आहे. त्यामुळे अशा संघर्ष होते ते सुनिश्चित करणे महत्वाचे आहे. आपण एक लहान ओळ उंची करत असाल तर, अनुक्रमे, फॉन्ट कमी.

हे खूप थोडे मजकूर आणि ओळी दरम्यान एक लहान अंतर करू शिफारस केलेली नाही. वापरकर्ते काहीही शांतपणे सर्व वाचू शकणार नाही असल्याने. तो पटकन थकल्यासारखे डोळे. शोध इंजिने मजकूर वापरकर्ता अनुकूल आहे की म्हणू.

शिवाय, अलिकडच्या वर्षांत तेथे मोबाईल वापरकर्त्यांसाठी उपयोगिता मजबूत भर आहे. फॉन्ट आकार सामान्य, नाही लहान असले पाहिजे की शिफारसी नेहमी असे म्हटले आहे. विशेषतः जोरदार संदर्भ परिणाम होतो. त्यांच्या लहान आकार वापरकर्ता साइटवर नेव्हिगेशन वापरु करणे कठीण होईल.

शोध इंजिन "Google" विश्लेषण मदत होते की एक विशेष साधन आहे. हे वेबमास्टर अतिशय सोयीस्कर आहे.

येथे असू शकते की परिणाम एक उदाहरण आहे.

या निकष शोध परिणाम परिणाम कारण या टिपा वापरणे शिफारसित आहे.