त्याच्या संपूर्ण डिझाईनसाठी वेब पृष्ठावरील आयटमची नियुक्ती आवश्यक आहे मांडणीवर प्रभाव टाकण्याचे इतर मार्ग आहेत, जसे की टेबल्स वापरणे ( जे आम्ही शिफारस करत नाही ), सीएसएस वापरणे सर्वोत्तम आहे .
खाली, आम्ही प्रतिमा, सारण्या, परिच्छेद आणि बरेच काही संरेखित करण्यासाठी सामान्य CSS शैलीची इन-लाइन प्रॉपर्टी कशी वापरायची ते पाहू.
टीप: हीच पद्धती बाह्य शैली पत्रकावर सुद्धा वापरली जाऊ शकतात परंतु हे वैयक्तिक आयटमवर लागू होतात आणि त्याप्रकारे त्यास कायम राहण्याची आवश्यकता आहे, खाली नमूद केलेल्या गोष्टींसारखी इन-लाइन शैली वापरणे सर्वोत्कृष्ट आहे.
परिच्छेद संरेखित करा
परिच्छेद टॅग आपले वेब पृष्ठ बिंबवणे सुरू करण्यासाठी प्रथम स्थान आहे हे उघडणे आणि बंद करणे टॅग्ज यासारखे दिसतात:
परिच्छेदातील मजकूराची डीफॉल्ट संरेखन पृष्ठाच्या डाव्या बाजूवर आहे, परंतु आपण आपले परिच्छेद उजवीकडे आणि मध्यभागी संरेखित देखील करू शकता.
फ्लोट प्रॉपर्टी वापरणे आपल्याला पॅरेंट एलीमेंटच्या उजव्या किंवा डाव्या परिच्छेदाचे संरेखित करू देते. त्या मूळ घटकामधील कोणतेही अन्य घटक सुरु झालेल्या घटकाभोवती फिरले जातील.
परिच्छेदांसह सर्वोत्तम प्रभाव मिळविण्यासाठी, कंटेनर (पालक) घटकापेक्षा लहान असलेली परिच्छेद वर रूंदी सेट करणे उत्तम आहे.
परिच्छेदातील मजकूर संरेखित करा
तर्कशुद्धपणे, पॅरेग्राफ मजकूरासाठी असलेला सर्वात मनोरंजक संरेखन "समायोजित करा" आहे, जे ब्राउझरला विंडोच्या उजवी आणि डाव्या बाजूंना, मूलत: पाठ प्रदर्शित करण्यास सांगते.
परिच्छेदातील मजकूर समायोजित करण्यासाठी, आपण मजकूर-संरेखन गुणधर्म वापरु शकाल.
आपण मजकूर-संरेखन संपत्ती वापरून, मजकुरास उजव्या बाजूला किंवा डावीकडे (डीफॉल्ट) परिच्छेद आतही संरेखित करू शकता.
टेक्स्ट-संरेखित गुणधर्म घटक आत मजकूर संरेखित करू. तांत्रिकदृष्ट्या, अनुच्छेद किंवा इतर घटकांमध्ये असलेल्या प्रतिमा संरेखित करणे अपेक्षित नाही, परंतु बहुतेक ब्राउझर या मालमत्तेसाठी प्रतिमा म्हणून इनलाइन हाताळतात.
प्रतिमा संरेखित करणे
प्रतिमा टॅगवरील फ्लोट प्रॉपर्टी वापरणे आपण पृष्ठावर प्रतिमांची नियुक्ती परिभाषित करू शकता आणि मजकूर त्यांच्याभोवती कसे लपवेल
वरील वरील परिच्छेदांप्रमाणेच, प्रतिमा टॅगमधील फ्लोट शैली प्रॉपर्टी आपल्या प्रतिमेला पृष्ठावर ठेवेल आणि मजकूर सांगते की मजकूर कसे ओलांडता येईल आणि त्या प्रतिमेवरील इतर घटक कसे
वरील प्रतिमा टॅग खालील मजकूर स्क्रीनच्या डाव्या बाजूला प्रतिमा दाखवतो म्हणून प्रतिमा सुमारे उजवीकडे प्रवाह असेल.
जर मला इमेजसभोवती ओघ वळण पाठविण्याची इच्छा असेल तर मी स्पष्ट गुणधर्म वापरतो:
style="clear: left =>
परिच्छेदापेक्षा अधिक संरेखित करणे
तथापि, काय आपण फक्त एक परिच्छेद किंवा एक प्रतिमा पेक्षा अधिक संरेखित करू इच्छित असल्यास काय? आपण फक्त प्रत्येक परिच्छेदामध्ये एक शैली मालमत्ता ठेवू शकता, परंतु आपण वापरत असलेले टॅग अधिक प्रभावी आहे:
फक्त मजकूर आणि प्रतिमा ( एचटीएमएल टॅगसह ) टॅग आणि शैलीतील गुणधर्म (फ्लोट किंवा मजकूर-संरेखन) यांच्याभोवती घेरल्या आणि त्या विभागातील सर्व गोष्टी आपल्याला कशी आवडतील हे संरेखित केले जाईल.
हे लक्षात ठेवा की विभागातील अंतर्गत परिच्छेद किंवा प्रतिमांमध्ये जोडलेले संरेखन यांना सन्मानित करण्यात येईल, टॅगला ओव्हररायड करणे.