ישנם שני סוגים של פריסת אתר: טבלאי וחסימה. ולמרות שהראשון נוח יותר ליצירת דפי HTML פשוטים, האחרון הוא אידיאלי אם אתה צריך להוסיף אלמנטים בודדים בצורה של בלוקים.
הוראות
שלב 1
ישנן שתי טכניקות שיאפשרו לך לפתח עיצוב בלוקים בעצמך: על ידי הטמעת גיליונות סגנון מדורגים למסמך, או על ידי חיבורם ממשאב חיצוני. שניהם נותנים את אותה התוצאה, כך שאין הבדל מהותי ביניהם. במקרה הראשון, הדבק את הקוד הבא בכל מקום בקובץ style.css:
.block1 {
}
Block1 - שם הבלוק, אתה יכול לכתוב כל אחר. בין הפלטה המתולתלת, ציין את הפרמטרים בתבנית הבאה: שם תכונה> נקודתיים> ערך> נקודה-פסיק (כולל להציב לפני הפלטה המתולתלת). האלמנטים הבאים משמשים בדרך כלל:
- רוחב - רוחב (500 פיקסלים, 100% וכו ');
- גובה - גובה (200 פיקסלים, 25% וכו ');
- רקע - צבע רקע (צהוב, אדום, # 000000);
- ריפוד - ריפוד סביב התוכן בתוך הבלוק (0px, 20%);
- שוליים - שוליים חיצוניים מהחסום (15 פיקסלים, 40%);
- מסגרת - מסגרת (גבול: 0px מלא שחור;);
- צף - יישור (שמאל, ימין);
- רדיוס גבול - עיגול פינות (רדיוס גבול: 10 פיקסלים;).
שלב 2
בשימוש השני ב- CSS, הוסף את הסטיילינג בין התגים ו-:
.block1 {
}
והוסף את הפרמטרים שאתה רוצה.
שלב 3
הכנס את החסימה למקום הרצוי באתר באמצעות הפקודה:
חסום 1
שמור ורענן את הדף, הוא אמור להופיע. זכור כי יישור הגובה עשוי להשתנות בהתאם למידת התוכן. לדוגמה, אם הגדרת 300 פיקסלים, אך כתבת רק שורה אחת של טקסט, היא לא תוצג במלואה. ניתן לתקן זאת, למשל, באמצעות טבלה עם הפרמטרים הנדרשים, אותה יש למקם בתוך הבלוק, כלומר. בין תגיות ל. וכדי שהגבולות לא נראים, הכנס את התכונה
