CSS छविहरू र अन्य HTML वस्तुहरूमा प्रयोग गर्नुहोस्

वेबसाईटहरू निर्माण गर्दा केन्द्र छविहरू, पाठ, र ब्लक तत्वहरू

यदि तपाईं कसरी वेबसाइटहरू निर्माण गर्ने भनेर सिक्दै हुनुहुन्छ भने, तपाईले मालिकलाई आवश्यक पर्ने सबैभन्दा सामान्य चालहरू मध्ये एक छ कि ब्राउजर सञ्झ्यालमा कसरी वस्तुहरू केन्द्रित हुन्छ। यसले पृष्ठको छवि केन्द्रित गर्न सक्छ, वा डिजाइन केन्द्रको रूपमा हेडलाइनहरू जस्तै केन्द्रलाई मध्यन गर्न सकिन्छ।

केन्द्रित छवियों को यो दृश्य रूप को पूरा गर्न को लागि सही तरीका या पाठ या यहां सम्म कि तपाईंको सम्पूर्ण वेबपेज कैस्केडिङ स्टाइल पाना (सीएसएस) को उपयोग गरेर छ। केन्द्रका लागि धेरै विशेषताहरू संस्करण 1.0 बाट CSS मा छन्, र तिनीहरू CSS3 र आधुनिक वेब ब्राउजरको साथ राम्रो काम गर्छन्।

वेब डिजाइनको धेरै पक्षहरू जस्तै, वेब पृष्ठमा सीएसएस केन्द्रका तत्वहरू प्रयोग गर्न धेरै तरिकाहरू छन्। यस भिजुअल दृश्य हासिल गर्न CSS प्रयोग गर्न केही फरक तरिकाहरू हेरौं।

एचटीएमएलमा केन्द्रित तत्वहरूमा CSS प्रयोग गर्ने अवलोकनमा

CSS सँग केन्द्रित वेब डिजाइनर सुरु गर्न चुनौती हुन सक्छ किनभने यो एक भिजुअल स्टाइल पूरा गर्न धेरै फरक तरिकाहरू छन्। यद्यपी विभिन्न प्रकारका विधिहरू राम्रो वा मौसमी वेब विकासकर्ता हुन सक्छन् जसले जान्दछन् कि सबै प्रविधिहरू हरेक तत्वमा काम गर्दैनन्, यो विभिन्न प्रकारका विधिहरूबाट नयाँ वेब प्रविधिहरूको लागि धेरै चुनौतीपूर्ण हुन सक्छ भन्ने कुराले उनीहरूलाई कुन दृष्टिकोण प्रयोग गर्न जान्नुपर्छ भन्ने बारे जान्दछन्। सबै भन्दा राम्रो कुरा गर्न केहि कुराहरू बुझ्न प्राप्त गर्नु हो। तपाईंले तिनीहरूलाई प्रयोग गर्न सुरु गर्नुहुँदा, तपाइँ कुन विधिमा कुन उदाहरणहरूमा राम्रो काम गर्दछ भनेर सिक्नु हुनेछ।

उच्च स्तरमा, तपाईं CSS मा प्रयोग गर्न सक्नुहुन्छ:

• केन्द्र पाठ
• ब्लक-स्तरीय तत्व केन्द्र (जस्तै विभाजन)
• छवि केन्द्र गर्नुहोस्
• ठाडो रूपमा ब्लक वा छवि केन्द्रित गर्नुहोस्

धेरै (धेरै) वर्ष पहिले, वेब डिजाइनरहरूले <केन्द्र> तत्व छवि छवि र पाठमा प्रयोग गर्न सक्दछ, तर त्यो एचटीएमएल तत्व अब विकृत छ र अब आधुनिक वेब ब्राउजरमा समर्थित छैन। यसको मतलब तपाईंले यो एचटीएमएल तत्व प्रयोग गर्नबाट जोगिनै पर्छ यदि तपाईं आफ्नो पृष्ठहरू राम्ररी प्रदर्शन गर्न र आधुनिक स्तर अनुसार अनुकूल गर्न चाहानुहुन्छ! यो तत्व खारेज गरिएको कारण ठूलो भागमा छ, किनभने आधुनिक वेबसाइटहरूमा ढाँचा र शैलीको स्पष्ट विभाजन हुनुपर्छ। एचटीएसएस शैली टाइप गर्दा संरचना सिर्जना गर्न एचटीएमएल प्रयोग गरिन्छ। किनभने केन्द्रण एक तत्वको दृश्य विशेषता हो (यो यो के हो जस्तो छ जस्तो देखिन्छ), त्यो शैली CSS सँग होईन, एचटीएमएल होइन। यसैले एक HTML ढाँचामा एचटीएमएल संरचना थप्दा आधुनिक वेब स्तरको अनुसार गलत छ। यसको सट्टा, हामी हाम्रा तत्वहरू राम्रो र केन्द्रित गर्न सीएसएसमा जान्छौं।

CSS सँग केन्द्रित पाठ

वेबपृष्ठमा केन्द्रित सबै भन्दा सरल कुरा पाठ हो। यो एक मात्र शैली गुण हो जुन तपाईंलाई यो गर्न को लागी थाहा छ: पाठ-पङ्क्तिबद्ध गर्नुहोस्। तल सीएसएस शैली लिनुहोस्, उदाहरणका लागि:

p.center {text-align: center; }

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