תוֹכֶן

• צעדים
• טיפים
• דברים שתצטרך

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

צעדים

1. 1 פתח את התוכנית Notepad.
2. 2העתיקו את הקוד הבא:

@charset "utf-8"; / * CSS Document * // * הגדר את צבע רכיב הגוף * / body {רקע: # FFFFFF;} / * קטע זה מיועד לקישורים * / a: link { משקל גופן: רגיל; color: Navy} א: מבקר {font-weight: normal; color: Green;} a: hover {font-weight: bold; צבע אדום; font-variant: small-caps;} / * קטע זה מיועד לפסקת פסקה * / p {font-style: italic; גודל גופן: 18 פיקסלים;} כחול {color: # 0000FF;} / * קטע זה מיועד לגבול השחור של התמונה. * / img {border-color: # 000000; גבול: עבה; בסגנון גבול: רכס;}

# הדבק את הקוד מ- "שלב 2" בפנקס הרשימות.

1. 1 שמור את הקובץ בפנקס הרשימות. שמור אותו תחת השם "SimpleCSS.css" על ידי לחיצה על כפתור "קובץ" ובחירה בפקודה "שמור". לאחר לחיצה על כפתור "שמור" תוצג תיבת הדו -שיח "שמור בשם".
2. 2 תן שם לקובץ ה- CSS שלך. הזן "SimpleCSS.css" או כל שם בתיבת הטקסט "שם קובץ" עם סיומת ".css".
3. 3 לחץ על כפתור "שמור".
4. 4 זה נעשה!

טיפים

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

דברים שתצטרך

• מַחשֵׁב
• תוכנית פנקס רשימות
• דפדפן אינטרנט