כיצד לשנות גופן וטקסט של דף אינטרנט באמצעות CSS?

כדי לשנות גופן טקסט
כדי לשנות גופן טקסט, השתמש במשפחת הגופנים של css לדוגמא: טקסט יגרום ל"טקסט "להשתמש בגופן Times.

האם ברצונך להשתמש בטכנולוגיה החדשה ביותר לעיצוב דפי האינטרנט שלך? הנה איך!

צעדים

  1. 1
    הבן כיצד css עובד עם HTML. לדוגמה:
    <span style = "(css)"> טקסט </ span> 
    כמעט כל תג HTML יכול לכלול "סגנון", כגון
    עמ ' 
    או
    div 
    מה שנכנס בין הציטוטים הוא החלק של CSS.
  2. 2
    כדי לשנות את גופן הטקסט, השתמש ב- css '
    משפחת גופן 
    לדוגמה:
    <span style = "font-family: times;"> טקסט </ span> 
    יגרום ל"טקסט "להשתמש בגופן Times.
  3. 3
    כדי לקבוע סדר העדפה, אם גופן מסוים לא נמצא במחשב של אדם, השתמש בפסיקים כדי להפריד בין שמות גופנים. לדוגמה:
    <span style = "font-family: times, georgia, serif;"> טקסט </ span> 
    יגרום ל"טקסט "להשתמש בגופן Times. אם הזמנים אינם זמינים, נעשה שימוש בג'ורג'יה. אם לא טיימס ולא ג'ורג'יה זמינים, ישתמש בגופן סריפי כללי.
    לדוגמא: טקסט יגרום ל"טקסט "להשתמש בגופן Times
    לדוגמא: טקסט יגרום ל"טקסט "להשתמש בגופן Times.
  4. 4
    כדי להגדיר צבע טקסט, השתמש ב- css '
    גופן 
    לדוגמה:
    <span style = "font: red;"> טקסט </ span> 
    יגרום ל"טקסט "להיות אדום. אתה יכול להשתמש בכל שם צבע חוקי של HTML במקום "אדום". אתה יכול גם להשתמש בקוד hex. לדוגמה:
    <span style = "font: #FFFFFF;"> טקסט </ span> 
    יגרום ל"טקסט "להיות לבן.

טיפים

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

FacebookTwitterInstagramPinterestLinkedInGoogle+YoutubeRedditDribbbleBehanceGithubCodePenWhatsappEmail