מהי הפריסה של הבלוק? איך להשליט דף אחד של האתר שלך בכוחות עצמם?

יש רצון ללמוד כדי להפוך את אתרי דפים משלך? אז בואו שולטים מה פריסת הבלוק. טירון פריסה לעמוד במספר קשיים, יש להם הרבה שאלות. חשבתי מה הוא קידוד בלוק.

טיפ חשוב

השתמש בעורך WYSIWYG, כך שהכל היה ברור. מי יודע HTML טוב, עבודה במחברת, משום שהם מבינים הכל. ומתחילים יכולים לנצל תוכניות כגון FrontPage או, למשל, Dreamweaver.

סוגי אתרים בפריסה

ישנם מספר סוגים של פריסה:

1. טבלאי.
2. בלוק.
3. Mixed.

אנחנו מעוניינים פריסת הבלוק. מה שמייחד אותו מהשולחן? בשלב הפריסה לחסום באמצעות תג DIV יש יתרונות מסוימים:

1. טעינה עם העיצוב של הבלוקים מהר.
2. תוכן מוצג בלוקים (בשונה מלוחות) כמו ההורדה מתרחשת. כידוע, טבלאות אלו תופענה רק אחרי השולחן כולו.
3. קוד עם div-ים קל יותר לקרוא.

זה לא כל היתרונות, אשר מפורסם פריסת הבלוק.

כיצד לשנות את div-בלוקי מיקום?

זה יעזור לנו לצוף - נכס זה, המסוגל מהפעולות הבאות:

1. יישר לשמאל - שמאלה.
2. כדי ליישר לימין - תקין.
3. אלמנט נשאר איפה שהוא, הוא לא יזוז אם אף נתון. ערך זה יהיה ברירת המחדל.

תכונה חשובה נוספת שאנחנו צריכים - ברורה. הוא יכול להיות 4 ערכים:

1. עבור התקנה בסעיף הקודם, לזוז ימינה, בלוק - תקין.
2. סטים שמאל מתחת לרכיב הקודם, אשר מועבר לצד שמאל.
3. שניהם - התקנת הבלוק שנעקר קודם.
4. אף מציין את העדר הגבלות על מיקומה של בלוק לאלמנטים אלה מועברים.

לדוגמה

שקול איך זה ייראה כמו בלוק div פריסה. אנחנו כותבים קוד שלנו:

תחת הקוד שאתה רואה את התוצאה. לפיכך, על בסיס מספר מאפיינים ניתן לשלוט הסדר בלוק כפי רצויה. עבור אל הרגע הבא. השתמשנו text-align: מרכז, כדי ליישר כל בלוק עבור כל דפדפן.

כפי שאתה יכול לראות, זה פריסת בלוק פשוט למדי של האתר. חשוב ללמוד ולתרגל את המאפיינים יותר כי ייצרו מבנה גמיש יותר של הדפים.

משהו יותר חשוב

יש תכונה פופולרית אחד המשמשת בפריסה - עמדה, הוא משמש מיצוב.

הערכים עבור המאפיינים של העמדה:

1. יחסית - קובע את המיקום של האלמנטים ביחס למיקום המקורי שלהם. יישומים שמאלה, למעלה, righ, מהלך אלמנט תחתון בכיוון מסוים.
2. סטטי - פריט בתצוגה רגילה. זה לא הגיוני להשתמש ימין / שמאל, למעלה / למטה - זה עלול להוביל כלום.
3. אלמנט מיקום מוחלט - Absolute.
4. קבוע - דומה מוחלט. זה קשור לנקודה מסוימת על המסך, אבל זה לא משנה את עמדתה, גם אם דף מרפרף.

פריסה רבה הבחינה שכאשר באמצעות מיצוב קבוע, מוחלט ויחסים מאבני מורכב. ואז מעניין לדעת אילו הבלוקים מתחת, אשר מעל. כדי לענות על שאלה זו, אתה צריך לרכוש z-index. זה הביא בלוקי פריסה לרמה חדשה. זה מאפשר לא רק כדי להפוך את המיצוב של המטוס, אלא גם באמצעות Z. ציר השלישי ערכו של נכס כזה עשוי להיות חיובי או שלילי.

צור 3 בלוקים. ניסוי, בא עם מיקום מוחלט.

כפי שאתה יכול לראות, זה קל לשנות את המיקום של בלוקים. על בסיס העובדה כי אתם יכולים כעת, כדי להפוך כל דף פריסת בלוק יסודי. החלת תכונות נוספות תוכלו לשפר את היכולות שלך.