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