वेब पृष्ठमा वस्तुहरूको प्लेसमेंट यसको समग्र डिजाइनको लागि आवश्यक छ। यद्यपि लेआउटहरू प्रभाव पार्न अन्य तरिकाहरू छन्, जस्तै तालिकाहरू ( जुन हामीले सिफारिस गर्दैनौं ) प्रयोग गर्ने , सबै भन्दा राम्रो सीएसएस प्रयोग गर्ने हो ।
तल, छविहरू, तालिकाहरू, अनुच्छेदहरू, र थप पङ्क्तिबद्ध गर्न सरल सीएसएस शैली इन-लाइन गुण कसरी प्रयोग गर्ने बारे हेर्छन्।
नोट: यी विधिहरू बाह्य शैली पानाहरूमा पनि प्रयोग गर्न सकिन्छ किनकि यी व्यक्तिगत वस्तुहरूमा लागू हुनसक्छ र सम्भवतः यो तरिकामा रहन आवश्यक पर्दछ, यो निम्नमा उल्लिखित उल्लेखित स्टाइल जस्तै उत्तम हो।
पाठ अनुच्छेद पङ्क्तिबद्ध गर्नुहोस्
अनुच्छेद ट्याग तपाईंको वेब पेज बिछार्न सुरु गर्ने पहिलो स्थान हो। यो ट्याग खोल्ने र बन्द गर्ने यो जस्तो देखिन्छ:
अनुच्छेदमा पाठको पूर्वनिर्धारित पङ्क्तिबद्धता पृष्ठको बायाँ छेउमा हो, तर तपाईं आफ्नो अनुच्छेदलाई दायाँ र केन्द्रमा पङ्क्तिबद्ध गर्न सक्नुहुनेछ।
फ्लोट सम्पत्ती प्रयोग गरेर तपाइँ अनुच्छेद पङ्क्तिबद्ध गर्न दाँया वा बायाँ मूल अभिभावकलाई अनुमति दिन्छ। आमाबाबु तत्व भित्र कुनै अन्य तत्वहरू फ्लोटेड तत्व वरिपरि प्रवाह गर्नेछ।
अनुच्छेदको साथ उत्तम प्रभाव प्राप्त गर्न, कंटेनर (अभिभावक) तत्व भन्दा सानो अनुच्छेदमा चौडाइ सेट गर्न उत्तम छ।
अनुच्छेद भित्र पाठ पङ्क्तिबद्ध गर्नुहोस्
तथापि, अनुच्छेद पाठ को लागि सबै भन्दा रोचक संरेखण "औचित्य" हो, जुन ब्राउजरले पाठ गठित गर्न अनिवार्य रुपमा, सञ्झ्यालको दाँया र बाँया तिर दुवैलाई बताउँछ।
अनुच्छेदमा पाठलाई औचित्य गर्न, तपाइँ पाठ-पङ्क्तिबद्ध गुण प्रयोग गर्नुहुनेछ।
तपाईं पाठ पाठ पङ्क्ति प्रयोग गरी दायाँ तिर वा बायाँ (पूर्वनिर्धारित) मा सबै अनुच्छेद भित्र पङ्क्तिबद्ध गर्न सक्नुहुनेछ।
पाठ-पङ्क्तिबद्ध गुणले पाठलाई तत्त्वको भित्र पङ्क्तिबद्ध गर्दछ। प्राविधिक रूपमा, यो छविहरू पङ्क्तिबद्ध गर्न मिल्दैन जुन अनुच्छेद वा अन्य तत्व भित्र समावेश छ, तर अधिकांश ब्राउजरहरूले यो सम्पत्तिको लागि इनलाइनको रूपमा छविहरूको व्यवहार गर्दछ।
छविहरू पङ्क्तिबद्ध गर्दै
छवि ट्यागमा फ्लोट सम्पत्ती प्रयोग गरेर तपाईंले पृष्ठमा छविहरूको स्थान निर्धारण गर्न सक्नुहुन्छ र पाठ कसरी वरिपरि लुकाउन सक्नुहुन्छ।
माथिको अनुच्छेद जस्तै, छवि ट्यागमा फ्लोट शैली सम्पत्तिले तपाईंको छविलाई पृष्ठमा राख्दछ र ब्राउजरलाई कसरी पाठ र अन्य छविहरू वरिपरि अन्य तत्वहरू प्रवाह गर्नेछ।
माथिल्लो छवि ट्याग पछ्याउने पाठले छविको वरिपरि प्रवाह गर्नेछ, जस्तै छवि स्क्रीनको बायाँतिर देखाउँछ।
यदि म पाठको वरिपरि लपेट गर्न रोक्न चाहानुहुन्छ भने, म स्पष्ट सम्पत्ति प्रयोग गर्दछु:
अनुच्छेद भन्दा बढी पङ्क्तिबद्ध
तथापि, के तपाई केवल एक अनुच्छेद वा छवि भन्दा बढी पङ्क्तिबद्ध गर्न चाहनुहुन्छ? तपाइँले केवल एक अनुच्छेदमा शैली गुण राख्न सक्नुहुनेछ, तर तपाईंले ट्याग प्रयोग गर्न सक्नुहुने एउटा ट्याग हो:
ट्याग र शैली गुण (फ्लोट वा पाठ-पङ्क्तिबद्ध) सँगको पाठ र छविहरू ( एचटीएमएल ट्यागहरू सहित) सरसफाई गर्नुहोस् र त्यो विभाजनमा सबै चीजहरू कसरी सङ्कलन गरिनेछ भन्ने तपाइँ कसरी यो मनपर्छ।
ध्यान राख्नुहोस् कि संरेखण अनुच्छेदमा अनुच्छेदहरू वा छविहरूमा थपियो सम्मान गरिनेछ, ट्यागलाई ओभरराइड गरिदिन्छ।