אינדקס

קטגוריית CSS - צפיה ברשימת המדריכים

 

הגדרה אחת לאלמנטים רבים

פורסם ע"י ליאור אמסלם בתאריך 20/01/2012

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

גובה ורוחב

פורסם ע"י ליאור אמסלם בתאריך 20/01/2012

שנ אלמנטים מאוד חשובים בזמן כתיבת קוד CSS הם גובה ורוחב, יש לנו מספר אלמנטים כאן והם רוחב, גובה ומקסימום או מינימום של שניהם. על הכול נלמד כאן.נאמר שיש לנו קוד פסקה פשוט עם מלל:<p>Text Text Text קרא עוד...

מיקום של אלמנטים בדף

פורסם ע"י ליאור אמסלם בתאריך 20/01/2012

מיקומם של האלמנטים שלנו בדף חשוב על מנת להבין את הזרימה של הדף. כברירת מחדל הזרימה של הדף תהיה מצד שמאל לצד ימין עד שאין לאן להמשיך ואז תתרחש ירידת שורה וכן הלאה. כמובן שאם משנים את כיוון המלל בדף ל-r קרא עוד...

קביעת ה-float

פורסם ע"י ליאור אמסלם בתאריך 20/01/2012

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

יישור המלל

פורסם ע"י ליאור אמסלם בתאריך 22/01/2012

יישור המלל לצד הנכון הוא עסק חשוב במיוחד כאשר המלל שאנחנו צריכים להציג הוא בעברית. יכולים לקרות לא מעט סיבוכים לכן זה נושא שכדאי להכיר אותו.אנחנו נשתמש בקוד HTML הבא של DIV פשוט: <div> He קרא עוד...

עיצוב לינקים

פורסם ע"י ליאור אמסלם בתאריך 22/01/2012

ב-CSS יש לנו אפשרות שלא קיימת בעיצוב הדף ב-HTML בלבד וזה עיצוב קישורים ושימוש באלמנטים כמו link,active,hover,visited ועוד. כולם יבוצעו על התג קישור a.הנה קוד HTML פשוט עם קישור ומלל:link: <a href=" קרא עוד...

עיצוב תפריט, רשימה

פורסם ע"י ליאור אמסלם בתאריך 22/01/2012

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

רשימת אלמנטים וערכים

פורסם ע"י ליאור אמסלם בתאריך 23/01/2012

במדריך הזה נשלים את כל האלמנטים שעוד לא למדנו או שכן למדנו רק כדי שהכול יהיה לכם מרוכז בדף אחד.קביעת תמונה כרקע של משהו:background-image:url('imgurl.gif');קביעת צבע לרקעbackground-color:yellow קרא עוד...