הטמע CSS ב- HTML 5 - ככה זה נעשה
אתה יכול בקלות לשלב CSS ב- HTML 5. מכיוון שאם אתה רוצה להפוך את מסמכי ה- HTML ו- XML שלך ליותר מושכים בצורה גרפית, גיליונות סגנון מדורגים (CSS) הם בחירה טובה. שפת העיצוב מציעה לך אפשרויות רבות לשיפור ויזואלי של אתרי האינטרנט שלך. יש בעיקרון שלוש דרכים שונות לשילוב CSS ב- HTML 5. אנו נראה לך זאת בטיפ המעשי הזה.
CSS ב- HTML 5: אפשרות 1 - קובץ CSS למיקור חוץ
האפשרות הראשונה היא להעביר את ה- CSS לקובץ נפרד. זה מציע יתרונות רבים: גיליונות הסגנון לא משפיעים רק על עמוד בודד, אלא משמשים אוטומטית בכל דף HTML5. היתרון העיקרי הוא הממשל המרכזי. תוכלו ליישם במהירות שינויים בכל הדפים. כיצד להטמיע קובץ CSS ב- HTML 5:
- צור קובץ CSS חדש.
- באזור הראש, עיין בקובץ CSS שלך. במקרה זה נקרא הקובץ style.css - אך השם הוא כמובן אינדיבידואלי:
- עליך לשמור את קובץ style.css בספריה הראשית של שרת האינטרנט.
- שילבת בהצלחה את קובץ ה- CSS שלך ב- HTML 5.
CSS בתחילת קובץ HTML 5 שלך
אם אינך רוצה ליצור קובץ CSS במיקור חוץ, באפשרותך גם להגדיר את מאפייני CSS בכותרת של מסמך HTML 5 שלך. אלה משפיעים רק על קובץ HTML 5 זה, לא על כל דפי HTML 5.
- פתח את מסמך HTML 5 שלך
- הכנס את הפקודה הבאה באזור הראש:
- כעת הגדר את המאפיינים הרצויים: זה יכול להיות, למשל, גודל הכותרות, צבע הטקסט וכו '. השתמש בפקודות CSS המוכרות לשם כך.
- סגור את הפקודה לאחר הזנת המאפיינים באמצעות.
- המאפיינים שצוינו מאומצים למסמך HTML 5 זה.
סגנון קו מקוון של CSS: השתמש בפקודות ישירות
הדרך האחרונה לשלב CSS ב HTML 5 היא סגנון מקוון. משמעות הדבר היא שאתה מזין את הפקודות שלך ישירות בקוד המקור.
- עבור לנקודה בה ברצונך לשנות את התצוגה הגרפית.
- הזן ישירות את פקודות ה- CSS. לדוגמה, זה עשוי להיראות כך:
כותרת משנה כחולה
- המאפיין משמש רק לפקודה זו.