באפשרותך לציין צבעי גופן, גדלים ופרמטרים אחרים בגיליון סגנונות CSS חיצוני. אם ברצונך לשנות את הצבע של מילה או ביטוי אחד בלבד, הדרך הקלה והפשוטה ביותר היא להשתמש בתג מוטבע. CSS מוטבע הוא בדיוק כמו שהוא נשמע: הוא מתווסף ב- HTML של הדף, ולא בגיליון סגנונות חיצוני.
הימנע משימוש בתג שהוצא משימוש.
כך תשנה את צבע המילה באמצעות התג:
השתמש בעורך הטקסט המועדף עליך או בעורך HTML במצב תצוגת קוד, הצב את הסמן לפני האות הראשונה של המילה או קבוצת המילים שברצונך לצבוע.
בואו לעטוף את הטקסט שאת צבעו אנו רוצים לשנות בתג, כולל תכונת מחלקה. הפסקה כולה עשויה להיראות כך: זהו טקסט שממוקד במשפט.
-
תן לטקסט הספציפי הזה "וו" שנוכל להשתמש בו ב- CSS. הצעד הבא שלנו הוא לקפוץ לקובץ ה- CSS החיצוני שלנו כדי להוסיף כלל חדש.
בקובץ CSS שלנו, בואו נוסיף:
.focus-text {
צבע: # F00;
}
כלל זה יקבע כי אלמנט מוטבע, ה-, יופיע בצבע אדום. אם היה לנו סגנון קודם שהגדיר את הטקסט של המסמך שלנו לשחור, סגנון מוטבע זה יגרום למיקוד בטקסט הטווח ולהתבלט בצבע שונה. נוכל גם להוסיף סגנונות אחרים לכלל זה, אולי להפוך את הטקסט לנטוי או מודגש כדי להדגיש אותו עוד יותר?
-
שמור את הדף שלך.
בדוק את הדף בדפדפן האינטרנט המועדף עליך כדי לראות את השינויים בתוקף.
שים לב שבנוסף ל-, ישנם אנשי מקצוע ברשת שבוחרים להשתמש באלמנטים אחרים כמו זוגות או תגיות. תגים אלה היו אמורים להיות מודגשים ונטויים במיוחד, אך הוצאו משימוש והוחלפו ב- ו-. התגיות עדיין פועלות בדפדפנים מודרניים, עם זאת, כל כך הרבה מפתחי אתרים משתמשים בהם כקישורי סטיילינג מוטבעים. זו לא הגישה הגרועה ביותר, אך אם ברצונך להימנע מכל אלמנט שהוצא משימוש, אנו ממליצים להיצמד לתג לצרכים מסוג זה מסוגים.
טיפים ודברים שצריך להיזהר מהם
אמנם גישה זו עובדת מצוין לצרכי עיצוב קטנים כמו אם אתה צריך לשנות רק פיסת טקסט אחת קטנה במסמך, אך היא יכולה לצאת במהירות מכל שליטה. אם אתה מגלה שהדף שלך מלא באלמנטים מוטבעים, שלכולם יש מחלקות ייחודיות שאתה משתמש בקובץ CSS שלך, אתה יכול תעשה את זה לא נכון, זכור שככל שיש יותר מהתגים האלה בדף שלך, כך קשה יותר לשמור על העמוד ההוא קָדִימָה. בנוסף, לעיתים נדירות טיפוגרפיית אינטרנט טובה כוללת גרסאות רבות של צבע וכו '. לאורך כל הדף.