אם אתה מכיר את האופן שבו CSS סגנונות HTML דפי, תוכל להעריך את הרעיון של עיצוב. עם תחילת שפת סימון XML , הצגת הנתונים הייתה קצת מסובכת, אבל זה השתנה עם גיליונות סגנון.
על ידי הוספת הפניה של גיליון סגנונות, תוכל לעצב ולהציג את קוד ה- XML שלך כדף אינטרנט. ללא CSS או עיצוב אחר, XML מופיע כטקסט בסיסי עם שגיאה המציינת שהדפדפן לא הצליח למצוא מסמך עיצוב.
דוגמה לעיצוב XML
גיליון סגנונות פשוט דורש רק לציין את הרכיב ואת תכונות העיצוב הדרושות להצגת הנתונים.
זה קצת קוד אומר המעבד אילו רכיבים להציג וכיצד הם צריכים להסתכל על דף האינטרנט, ככה:
מדגם {background-color: #ffffff; width: 100%;} mymessage {display: block; צבע רקע: # 999999; margin-bottom: 30pt;} body {font-size: 50%}השורה הראשונה של קובץ העיצוב היא אלמנט השורש. התכונות של השורש חלות על כל הדף, אך אתה משנה אותן עבור כל תג. זה אומר שאתה יכול לייעד את צבע הרקע של הדף ולאחר מכן שוב עבור כל מקטע.
שמור קובץ זה לאותה ספרייה כמו קובץ ה- XML שלך, וודא שיש לו את סיומת הקובץ .CSS.
קישור ל- CSS מתוך XML
בשלב זה, אלה שני מסמכים נפרדים לחלוטין. המעבד אינו יודע שאתה רוצה שהם יעבדו יחד כדי ליצור דף אינטרנט .
באפשרותך לתקן זאת על-ידי הוספת הצהרה לראש מסמך XML המזהה את הנתיב לקובץ CSS. ההצהרה נכנסת ישירות תחת הצהרת ה- XML הראשונית, כך:
בדוגמה זו, קובץ ה- CSS נקרא products.css , ולכן הוא מסומן ככזה במסמך XML. שנה את זה לכל שם קובץ שבחרת עבור קובץ ה- CSS.