सामान्य प्रवाह तरीका हो कि तत्वहरू धेरै परिस्थितिहरूमा वेब पेजमा प्रदर्शित हुन्छन्। एचटीएमएलका सबै तत्त्वहरू भित्र बक्सहरू छन् जुन जुन इनलाइन बक्सहरू वा ब्लक बक्सहरू छन्।
ब्लक बक्स बाहिर निकाल्दै
सामान्य प्रवाहमा, ब्लक बक्स अन्य पछि (पृष्ठमा उनीहरूलाई HTML मा लिखित गरी) पृष्ठमा पोष्ट गरिएको छ। तिनीहरू माथिको बाकसमा बाकस र शीर्षबाट तलबाट तलबाट सुरु हुन्छ। प्रत्येक बाकसको बीचमा दूरी एक र अर्कोमा बिस्तारै माथि र तलको मार्जिन संग मार्जिन द्वारा परिभाषित गरिएको छ।
उदाहरणका लागि, तपाईं निम्न HTML हुन सक्नुहुन्छ:
यो पहिलो डिभ हो। यसको वरिपरी 5px मार्जिनको साथ 200 पिक्सल चौडाई छ।
यो एक व्यापक भित्ता हो।
यो एक डिभ हो जुन दोस्रो भन्दा ठूलो छ।
प्रत्येक DIV ब्लक तत्व हो, त्यसैले यो अघिल्लो ब्लक तत्त्व तल राखिनेछ। प्रत्येक बायाँ बायाँ किनाराले ब्लकको बायाँ किनारालाई छोडिनेछ।
आउटलाइन ईनबक्सहरू बिर्सेर
क्षैतिज रूपमा पृष्ठमा इनलाइन बक्सहरू राखिएको छ, एक कन्टेनर तत्वको शीर्षमा अर्को सुरुवात पछि। जब एक रेखामा इनलाइन बक्सका सबै तत्वहरू फिट गर्न पर्याप्त ठाउँ छैन, त्यसपछि अर्को रेखामा लिपि र त्यहाँ ठाडो रूपमा स्ट्याक गर्नुहोस्।
उदाहरणको लागि, निम्न HTML मा:
यो पाठ बोल्ड हो र यो पाठ इटालिक हो । र यो सादा पाठ हो।
अनुच्छेद एक ब्लक तत्व हो, तर 5 इनलाइन तत्वहरू छन्:
- "यो पाठ हो"
- "बोल्ड"
- "र यो पाठ हो"
- "italics"
- "। र यो सादा पाठ हो।"
त्यसोभए सामान्य प्रवाह छ कि यी ब्लक र इनलाइन तत्व वेब डिजाइनर वेब डिजाइनर द्वारा कुनै हस्तक्षेप बिना प्रदर्शित हुनेछ।
यदि तपाइँ पृष्ठमा एक तत्व हो जहाँ तपाइँलाई प्रभाव पार्न चाहानुहुन्छ भने तपाईँले CSS पोजिटिङ् वा CSS फ्लोटहरू प्रयोग गर्न सक्नुहुनेछ।