מספר שאלות ב-CSS

[xjj]

שלום,

למאפיין DISPLAY ניתן להכניס את הערכים: INLINE,BLOCK, INLINE-BLOCK, NONE.

מה ההבדל בין INLINE-BLOCK ל INLINE? הרי שניהם מאפשרים לאלמנטים אחרים להיות באותה שורה שלהם.

מה השימוש ל-NONE?

מה ההבדל בין POSITION ל-FLOAT ומתי להשתמש בכל אחד?

תודה

[yonizaf]

ההבדל בין אלמנטים מסוג inline לבין block לא מסתכם בשאלה אם הם תופסים שורה בפני עצמם. יש הבדלי התנהגות בסיסיים בין השניים, באיך שהם משפיעים על התצוגה של הדף (layout), במאפייני CSS שאפשר לתת להם, בסוג האלמנטים שהם יכולים להכיל ועוד.

אלמנט מסוג inline-block מתנהג כלפי חוץ כאילו הוא inline (ולכן יכול לזרום עם השורה) אבל כלפי פנים מתנהג כאילו הוא אלמנט מסוג block, ולכן למשל אפשר להגדיר לו width,height,margin-top ועוד כללי CSS שאי אפשר להחיל על inline. הוא גם שומר על צורה מלבנית סגורה ולכן למשל כשמגיע לסוף השורה הוא לא יכול "להישבר" ולהמשיך בשורה הבאה (כפי שקורה לאלמנט מסוג inline), אלא יעבור כולו לשורה הבאה.

display:none פירושו שהאלמנט אינו מוצג בכלל, וגם לא תופס מקום - כאילו הוא לא קיים. זה להבדיל מהכלל visibility:hidden שכן תופס מקום למרות שאינו מוצג.

float אמור לשמש כדי "להציף" אלמנט בתוך טקסט באופן שהטקסט יזרום סביבו (כמו תמונה בתוך כתבה וכו'). אפשר להשתמש בו גם לצורך יצירת מבני דף מורכבים (למשל עבור סרגל-צד וכדומה), אבל לדעתי לא מומלץ אלא אם כן אין ברירה אחרת ואתה יודע בדיוק מה אתה עושה.

בכל אופן, את כל הנ"ל יהיה לך הרבה יותר קל להבין אם פשוט תעשה ניסויים בעצמך במקום לשאול שאלות כלליות כאלה בפורומים.

[xjj]

תודה

יש אתרים שמלמדים בצורה יותר פרטנית?

אני משתמש ב-CODECADEMY ו-W3SCHOOLS.אבל זה לא מספיק..

[Klayhamn]

תודה

יש אתרים שמלמדים בצורה יותר פרטנית?

אני משתמש ב-CODECADEMY ו-W3SCHOOLS.אבל זה לא מספיק..

אין טעם "ללמוד" בצורה מסודרת

כל פעם שתתקל בבעיה, תחפש לה את הפתרון הקונקרטי הטוב ביותר,

וכך תבין בהדרגה כיצד ניתן לבנות LAYOUT עבור הצרכים שלך

בפועל,

אין כמעט הצדקה היום - עם ה-FRAMEWORKS שקיימים (כמו BOOTSTRAP למשל) להתעסק ב-LOW LEVEL הזה,

אלא אם כן אתה בונה אתר שהצורה וההתנהגות שלו הם מאוד מאוד ייחודיים

אחרת זה סתם להמציא את הגלגל מחדש