מדריך CSS

פוסטים חדשים

מדריך CSS – הקדמה

מחפשים מדריך CSS? אתר ללימוד CSS? קורס CSS? במדריך CSSזה תוכלו ללמוד CSSבחינם ובעברית, בהנאה רבה ובקלות! בהצלחה!

תגיות: , ,

המשך

מדריך CSS – תחביר CSS: סלקטורים, תכונות, ערכים

את קובץ הטקסט הזה שומרים עם סיומת CSS. כדי שדף הHTML שלך ידע לקבל הגדרות CSS שהגדרת בקובץ חיצוני צריך לייבא קובץ CSS לתוך דף הHTML שלך. זאת עושים באחת משתי דרכים: קישור באמצעות תגית link, או יבוא באמצעות הפקודה @import בתוך תגית style

תגיות: , ,

המשך

מדריך CSS – סלקטורים: ID ו- Class

לגיליונות סגנון, בין אם מדובר בחיצוניים או פנימיים, (לא inline) יש תחביר מאוד פשוט

תגיות: , ,

המשך

מדריך CSS – מדיה

אם מדובר בקובץ CSS חיצוני אחד בלבד, אין כל הבדל. אם מדובר ביותר מקובץ אחד, והכללתם נעשתה בשיטת , הדפדפן ישאל את המשתמש באיזה קובץ הוא רוצה להשתמש ומהשני הוא יתעלם לחלוטין.

תגיות: , ,

המשך

מדריך CSS – הגדרות סגנון קונטקסטואליות

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

תגיות: , ,

המשך

מדריך CSS – תתי-אלמנטים

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

תגיות: , ,

המשך

מדריך CSS – ערכי תכונות הסגנון

ישנם חמישה סוגים של ערכים שניתן לתת למאפייני הסגנון

תגיות: , ,

המשך

מדריך CSS – גופנים

תכונות של פונטים (גופנים) נחלקים לשבעה, מאמר זה מפרט מה הם.

תגיות: , ,

המשך

מדריך CSS – צבעים ורקעים

לכל אלמנט בדף HTML יש רקע(background) וקידמה(foregound), ולכל אחד מהם יש צבע. סגנונות הצבעים והרקע שולטים בתכונות אלה ומעצבים אותם לפי רצונך.

תגיות: , ,

המשך

מדריך CSS – תכונות של טקסט

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

תגיות: , ,

המשך

מדריך CSS – תכונות תיבה

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

תגיות: , ,

המשך

מדריך CSS – גבולות

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

תגיות: , ,

המשך

מדריך CSS – תכונות עימוד

כאשר בדף HTML יש תמונה או טבלה שיש להם align=left או align=right, וקיים טקסט חופשי, בפסקה למשל, הטקסט זורם מסביב לאלמנט וממשיך. אם מוסיפים לפסקה את התכונה clear, ניתן לשנות את הדרך שבה מציג הדפדפן את תוכן הפסקה. ברירת המחדל היא none. אולם אם תכתוב את אחד הערכים: left, right או both הפיסקה תיכתב רק בסיום האלמנט הממוקם מצד ימין, שמאל או שניהם בהתאמה.

תגיות: , ,

המשך

מדריך CSS – רשימות

אפשר באמצעות גליונות סגנון לעצב את המראה של פריטים ברשימות. דפדפנים מתייחסים לרשימות כמו כל בלוק אחר של טקסט, פרט לעובדה שלבלוק זה יש מקדם מסוג מסויים כגון מספור (במקרה של OL) או סימון/תבליט (במקרה של UL). את הצורה והמיקום של אלה תוכלו לעצב בCSS

תגיות: , ,

המשך

מדריך CSS – תכונות CSS אחרות

כל אלמנט בBODY יכול להיות גלוי או מוסתר. התכונה visibility מאפשרת למתכנת להעלים מהעין דברים מסוימים שלא רוצים שהמשתמש יראה. ערכים אפשריים הם hidden וכן visible. הדפדפן שומר מקום עבורם אבל לא מציג אותם אם נבקש ממנו יפה, כך

תגיות: , ,

המשך

מדריך CSS – פילטרים ומעברים

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

תגיות: , ,

המשך

מדריך CSS – הדפסה

התכונות page-break-before או page-break-after, מאפשרים לקבוע את מעבר הדף

תגיות: , ,

המשך