איך לעשות גופן מודגש ב- CSS?

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

הקצאה

הסוג המודגש CSS מוקצה באמצעות כלל פשוט: משקל גופנים. כערך, באפשרותך לציין שילובים שונים. לדוגמה, אתה יכול לכתוב "משקל גופן: מודגש" נכס, כלומר, מודגש. הערך הסטנדרטי הוא "רגיל". בנוסף למילות מפתח, תוכל להשתמש במספרים רגילים. יחידות מותנה טווח בין 100 ל 900, כאשר 400 מתאים הפקודה "נורמלי". וזה אומר שאם אתה קובע את הערך של פחות מ 400, את הגופן תאבד את הרוויה, ואם יותר, הוא יקבל מראה שמן. זה מאפשר לך להתאים באופן ידני את המתאר.

ב- CSS, ניתן להקצות גופן מודגש בהתבסס על רכיב האב. בטבלאות מדורגות, ישנן שתי פקודות ("נועזות" ו"מצית "), אשר יכולות להגדיל או להקטין את הרוויה של המתאר. הערכים ישתנו בהתאם למרכיב ההורה. את המאפיין "משקל גופן" ניתן לכתוב בצורה קצרה - "גופן", שבו אתה יכול לרשום את כל המאפיינים של הגופן.

מטרה

ניתן להקצות גופן CSS זה לכל רכיב HTML או XHTML. האפקט יהיה גלוי רק אם התג מכיל טקסט. ב- HTML, יש אנלוגי של המאפיין "משקל גופן". אם תשים טקסט בין התגים , הוא יהפוך לרווי יותר. הרכוש שלה זהה לחלוטין לערך של "מודגש". מפתחים מסוימים אינם רואים את ההבדל בין התג לבין הגופן המודגש CSS. אבל יש הבדלים. לתג יש משמעות משלו, הוא משמש למידע חשוב באמת. מאפיין CSS הוא רק ערך דקורטיבי המשמש לקישוט טקסט. תן הבדל זה לא מרגיש בעת קריאת, אבל, כפי שהומלץ על ידי קונסורציום של World Wide Web, הכל צריך לעמוד במקומו. הזמנה זו בקוד תגדיל את חיי הדפים שלך. אחרי הכל, זה לא רחוק כי הזמן שבו הדפדפנים ילמדו להשתמש בדרך אחרת של הדמיה טקסט, שבו משמעות סמנטי דקורטיבי יהיה מודגש. אל תשכח את זה בעת יצירת הדפים שלך.