ब्लॉक लेआउट काय आहे? त्यांच्या स्वत: च्या आपली साइट एका पृष्ठावरील कसे लादणे?

आपल्या स्वत: च्या पृष्ठे साइट करण्यासाठी जाणून घेण्यासाठी एक इच्छा आहे? मग काय ब्लॉक मांडणी प्रभुत्व आहे द्या. मांडणी अननुभवी अडचणी संख्या पूर्ण, ते बरेच प्रश्न आहेत. ब्लॉक कोडींग आहे हे लक्षात घ्या.

एक महत्त्वाची टीप

वापरा WYSIWYG संपादक, जेणेकरून सर्व स्पष्ट होते. नोटबुक चांगले HTML, काम मला माहीत आहे कोण त्यांना सर्वकाही कळते, त्या. आणि सुरुवातीला अशा फ्रंटपेज कार्यक्रम लाभ घेऊ शकता किंवा, उदाहरणार्थ, अँकी.

मांडणी साइट प्रकार

मांडणी अनेक प्रकार आहेत:

1. तक्त्याच्या.
2. अवरोधित करा.
3. मिश्र.

आम्ही ब्लॉक मांडणी रूची आहे. हे टेबल काय वेगळे? DIV टॅग चा वापर करून ब्लॉक मांडणी काही फायदे आहेत:

1. जलद अवरोध डिझाइन लोड करा.
2. सामग्री प्रदर्शित अवरोध (टेबल विपरीत) डाउनलोड येते म्हणून. म्हणून ओळखले जाते, टेबल्स फक्त संपूर्ण टेबल नंतर प्रदर्शित होईल.
3. वाचण्यासाठी div चे सोपे कोड.

हे सर्व फायदे नाही ब्लॉक लेआउट प्रसिद्ध आहे, आहे.

कसे स्थान div-अवरोध बदलण्यासाठी?

या तरंगणे आम्हाला मदत करेल - हे ठिकाण, खालील सक्षम आहे जे:

1. डावे संरेखित करा - सोडले.
2. उजवीकडे संरेखित करा - उजवीकडे.
3. घटक नाही दिली तर तो तेथे होता तो लावत नाहीत राहते. हे मूल्य मुलभूत असेल.

आम्ही आवश्यक आहे की आणखी एक महत्त्वाचे वैशिष्ट्य - स्पष्ट. तो 4 मूल्ये असू शकतात:

1. मागील आयटम अंतर्गत प्रतिष्ठापन करीता, योग्य, ब्लॉक हलवा - योग्य.
2. डाव्या हलविले आहे मागील घटक, खाली डावीकडे संच.
3. दोन्ही - मागील विस्थापित ब्लॉक प्रतिष्ठापन.
4. काहीही हलविले जाते त्या घटक ब्लॉक नातेवाईक स्थिती निर्बंध नसतानाही सूचित करते.

उदाहरणार्थ

तो एक ब्लॉक दिसेल याचा विचार करा मांडणी div. आम्ही आमच्या कोड लिहा:

कोड अंतर्गत आपण परिणाम पहा. इच्छित अशा प्रकारे, अनेक गुणधर्म आधारावर ब्लॉक व्यवस्था नियंत्रित केला जाऊ शकतो. पुढील क्षण जा. कोणत्याही ब्राउझर प्रत्येक ब्लॉक संरेखित करण्यासाठी केंद्र: आम्ही text-align वापर केला आहे.

तुम्ही बघू शकता, ते साइटच्या खूप सोपे ब्लॉक मांडणी आहे. तो अभ्यास आणि पृष्ठे अधिक लवचिक रचना तयार होईल अधिक गुणधर्म सराव करणे महत्वाचे आहे.

अधिक महत्त्वाचे काहीतरी

मांडणी वापरले जाते की एक लोकप्रिय वैशिष्ट्य आहे - स्थितीत, तो जागा निश्चित करण्यासाठी वापरली जाते.

स्थान गुणधर्म मूल्ये:

1. सापेक्ष - त्यांच्या मूळ ठिकाणी संबंधीत घटक स्थिती सेट करते. अर्ज बाकी, top, righ, एक विशिष्ट दिशेने तळाशी घटक आणले जाते.
2. स्थिर - सामान्य प्रदर्शन आयटम. / तो अधिकार बाकी, टॉप / तळाशी वापर नाही अर्थ प्राप्त होतो - ते काहीही होऊ शकते.
3. संपूर्ण - परिपूर्ण पोझिशनिंग घटक.
4. मुदत - समान परिपूर्ण. हा स्क्रीन वर एक विशिष्ट बिंदू बांधिल आहे, पण तो जरी पृष्ठ flipping, त्याचे स्थान बदलू शकत नाही.

अनेक मांडणी ब्लॉक, निश्चित निरपेक्ष आणि सापेक्ष स्थिती वापरताना अध्यारोपित लक्षात आले. आणि माहित नंतर मनोरंजक खाली अवरोध, जे वरील जे. या प्रश्नाचे उत्तर, आपण z-index मालमत्ता आवश्यक आहे. हे एक नवीन पातळीवर मांडणी अवरोध आणले. हे शक्य नाही फक्त विमान स्तिती करण्यासाठी, पण तिसऱ्या अक्ष झहीर अशा मालमत्ता मूल्य सकारात्मक किंवा नकारात्मक असू शकते अर्थ करते.

3 अवरोध तयार करा. पुढे, परिपूर्ण पोझिशनिंग प्रयोग.

तुम्ही बघू शकता, तो अवरोध स्थिती बदलणे सोपे आहे. आपण आता सक्षम आहेत की आधारावर, कोणत्याही प्राथमिक ब्लॉक मांडणी पृष्ठ करणे. अधिक गुणधर्म अर्ज आपण आपले कौशल्य सुधारणा होईल.