पाठ-इन्डेन्ट सम्पत्ति प्रयोग गरेर र साहसी छनौट चयनकर्ता
राम्रो वेब डिजाइन प्राय: राम्रो टाइपोग्राफीको बारेमा हो। यसैले वेब पृष्ठको सामग्री पाठको रूपमा प्रस्तुत गरिएको छ किनकि पाठ आकर्षक र प्रभावकारी बनाउनका लागि टेक्स्ट एक वेब डिजाइनरको रूपमा प्राप्त गर्न एक महत्त्वपूर्ण कौशल हो। दुर्भाग्यवश, हामी सँग समान स्तरको टाइपोग्राफिक नियन्त्रण अनलाइन छैन जुन हामी मुद्रणमा गर्छौँ। यसको मतलब हामी हामी सहि तरिकाले वेबसाइटमा राम्रो तरिकाले शैली पाठ गर्न सक्दैनौं जसमा हामी मुद्रण गरिएको टुक्रामा गर्न सक्दछौँ।
तपाईले एक साधारण अनुच्छेद शैलीलाई प्राय: मुद्रणमा देख्नुहुन्छ (र जुन हामी अनलाइन अनलाईन गर्न सक्छौं) जहाँ त्यो अनुच्छेदको पहिलो रेखामा एक ट्याब स्पेस इन्डेन्ड गरिएको छ। यसले पाठकहरुलाई हेर्नको लागि अनुमति दिन्छ जहाँ एक अनुच्छेद सुरु हुन्छ र अर्को अन्त्य हुन्छ।
तपाईले यो भिजुअल शैली वेब पृष्ठमा धेरै देख्दैन किनकि ब्राउजरहरू पूर्वनिर्धारित रूपमा प्रदर्शन गर्नका लागी अन्तरिक्ष सँग अनुच्छेद प्रदर्शन गर्नुहोस् जहाँ एक अन्त्य र अर्को सुरु हुन्छ, तर यदि तपाइँ शैलीमा एउटा पृष्ठ चाहानुहुन्छ कि प्रिन्ट- अनुच्छेदमा प्रेरित इन्डेन्ट शैली, तपाईले पाठ-इन्डेन्ट शैली गुणसँग त्यसो गर्न सक्नुहुनेछ।
यो गुणको लागि वाक्य रचना सरल छ। यहाँ तपाइँ कागजातमा सबै अनुच्छेदहरूमा पाठ-इन्डेन्ट थप्न सक्नुहुन्छ।
p {text-indent: 2em; }इन्डेन्ट अनुकूलन गर्दै
एक तरिका जसमा तपाईं इन्डेन्टमा ठीक अनुच्छेद निर्दिष्ट गर्न सक्नुहुनेछ, तपाइँ एक वर्गलाई अनुच्छेद गर्न चाहानुहुन्छ जुन तपाईंले इन्डेन्टेड चाहानुहुन्छ, तर यो आवश्यक छ कि तपाइँ प्रत्येक वर्गलाई यसलाई क्लास थप्न सम्पादन गर्नुहोस्। त्यो अपर्याप्त छ र HTML कोडन उत्तम अभ्यासहरू पछ्याउँदैन।
यसको सट्टा, तपाईं अनुच्छेदमा आउँदा विचार गर्नुपर्दछ। तपाइँ अनुच्छेदहरूलाई अनुगमन गर्नुहुन्छ जुन अर्को अनुच्छेद पछ्याउँदछ। यो गर्नका लागी, तपाईं आसन्न भाइबहिनी चयनकर्ता प्रयोग गर्न सक्नुहुनेछ। यो चयनकर्ताको साथ, तपाइँ प्रत्येक अनुच्छेद चयन गर्दै हुनुहुन्छ जुन तुरुन्तै अर्को अनुच्छेदबाट अघि बढाइएको छ।
p + p {text-indent: 2em; }जब तपाइँ पहिलो लाइन इन्डेन्टिङ गर्दै हुनुहुन्छ, तपाईले पनि यो सुनिश्चित गर्न सक्दछ कि तपाईंको अनुच्छेदहरूसँग कुनै अतिरिक्त स्थान छैन (जुन ब्राउजर डिफल्ट हो)। शैलीगत रूपमा, तपाइँसँग प्याकेजहरू बीचको ठाउँ हुनुपर्छ वा पहिलो रेखा इन्डेन्ट गर्नु पर्छ, तर दुवै होइन।
p {margin-bottom: 0; padding-bottom: 0; } p + p {margin-top: 0; padding-top: 0; }नकारात्मक वस्तुहरू
तपाईं पाठ इन्डेन्ट सम्पत्ति पनि, एक नकारात्मक मान सहित प्रयोग गर्न सक्नुको लागि लाइनको सुरुवात बायाँ तिर जानको लागि सामान्य इन्डेन्ट जस्तै दाँया तिर। यदि यो रेखा एक उद्धरण चिह्नको साथ सुरु हुन्छ भने यो गर्न सक्छ कि उद्धरण चरित्र अनुच्छेदको बाँयामा थोडा फरक मा देखिन्छ र अक्षरहरू अझै राम्रो बायाँ पङ्क्तिबद्ध बनाउँदछ।
उदाहरणको लागि, भन्नुहोस् कि तपाइँसँग ब्लकक्वाटको एक सन्तान हो अनुच्छेद हो र तपाइँ यसलाई नकारात्मक इन्डेन्टेड चाहनुहुन्छ। तपाई यो सीएसएस लेख्न सक्नुहुन्छ:
blockquote p {text-indent: -5em; }यसले अनुच्छेदको सुरुवात गर्नेछ, जुन सम्भवतः उद्घाटन उद्धरण क्यारेक्टर समावेश गर्दछ, थोडा सार्दा बाँच्न पङ्क्तिबद्ध विराम सिर्जना गर्न।
मार्ग र प्याडिंग सम्बन्धी
वेब डिजाइनमा अक्सर, तपाईं मार्जिन वा प्याडिङ मानहरू प्रयोग गर्नुहोस् तत्वहरू सार्न र सेतो ठाउँ सिर्जना गर्न। ती गुणहरू इन्डेन्ड गरिएको अनुच्छेद प्रभाव प्राप्त गर्न काम गर्दैन। यदि तपाइँ अनुच्छेदमा यी मानहरू मध्ये कुनै पनि आवेदन गर्नुहुन्छ भने, त्यस अनुच्छेदको सम्पूर्ण पाठ, प्रत्येक रेखा सहित, केवल पहिलो लाइनको सट्टा स्थानमा छ।