div

הפורמטים האנכיים והאופקיים מאפשרים לך להניח דף אינטרנט בדפדפן המשתמש.

משמעות

העיצוב ללא טבלאות הוא מה יש רוב דפי אינטרנט. משמעות הדבר היא שרוב היזמים דבקים בשיעורי CSS כדי לעצב תמונות וטקסט בדף. בעבר, טבלאות עם תאים, שורות ועמודות שלטו על המראה של דף אינטרנט. עם זאת, עם עיצוב ללא טבלאות, הפריסה נמצאת בתוך מיכל "div". מכולה של div מאפשרת לך למקם מקטעי הדף באזורים שונים של קוד ה- HTML, ושולטת בקטעים השונים של הדף מבלי להשפיע על אזורים אחרים.

פורמט אנכי

המאפיין "valign" הוא תג ה- HTML הפנימי השולט על המיקום האנכי של אובייקט שנמצא. לדוגמה: אם יש לך מיכל דיג בגודל 50 פיקסלים גבוה, הגדרת "valign" על "באמצע" מציב את התוכן 25 פיקסלים למטה מהחלק העליון של המיכל. גם אם תעביר את מיכל הדיו למיקום אחר, הוא יישאר ממוקד אנכית.

כיתות CSS

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

div

An University An University }

מחלקה זו מיישרת אנכית את התוכן באמצע div הנקרא "div".

שיקולים

עיצוב CSS דורש זמן ותרגול. אם היישור דרוס עבור div, אתה יכול להרוס את הפריסה של שאר הדף. עליך לפתוח את דף HTML עם כיתות CSS המשויכות אליו בכל דפדפן נפוץ כגון Firefox, Chrome ו- Internet Explorer כדי לוודא שהעיצוב פועל כראוי בדפדפנים של הקוראים שלך.