מאז המצאת שפת סימון ההיפר-טקסט, HTML, מושגי הפריסה והפריסה של מסמכי האינטרנט השתנו באופן דרמטי. עם התמיכה הכמעט מוחלטת של דפדפנים פופולריים לתקני גיליון סגנונות מדורגים CSS ו- CSS2, ניתן היה להשפיע כמעט על כל היבט של הצגת המסמך החזותי. לדוגמא, אתה יכול להפוך את הרקע של קישור לצבעוני, מלא בתמונה כלשהי, וגם משתנה בהתאם לפעולות המשתמש.
נחוץ
- - היכולת לערוך את הטקסט של המסמך או את הטקסט של גיליונות הסגנון של המסמך;
- - עורך טקסט המאפשר לשמור את המסמך בקידוד המקורי.
הוראות
שלב 1
הפוך את הרקע של הקישור למילוי אחיד בצבע אקראי על ידי הוספת מידע סגנון מוטבע לאלמנט A. הוסף סגנון לתכונות של אלמנט A המתאים לקישור שאת הרקע שלו ברצונך לשנות. בתוכן של מאפיין הסגנון, הצב את מאפיין CSS בצבע רקע עם הערך הנתון, שהוא המזהה הנכון עבור צבע הרקע. לדוגמה, זה עשוי להיראות כך:
טקסט קישור
שלב 2
הגדר את הרקע של הקישור בגיליון סגנונות חיצוני או מוטבע במסמך שלך. בגיליון הסגנונות המתאים, הוסף סט כללים שמטופל על ידי בורר ברמת ספציפיות מקובלת. בערכת הכללים, הזן את המאפיין צבע רקע באותו אופן כמו בשלב הקודם. בחר את הספציפיות של הבורר על סמך כללי ה- CSS2 מדורגים והיקף הרצוי. לכן, אם אתה צריך להגדיר את הצבע של קישור אחד בלבד, זה הגיוני להשתמש בבורר מזהה, אם יש כמה קישורים כאלה, עדיף להשתמש בבורר תכונות המבוסס על ערך הכיתה.
לדוגמא, כדי להגדיר רקע ירוק לקישור ספציפי במסמך, תוכל להוסיף סט כללים לגליון הסגנון:
# ID_GREEN
{
צבע רקע: # 00FF00;
}
עליך גם להגדיר את תכונת ה- ID של רכיב A המתאים לקישור הרצוי ל- ID_GREEN:
טקסט קישור
שלב 3
מלא את רקע הקישור בתמונה. בצע את השיטות המתוארות בשלבים ראשונים ושניים, אך במקום מאפיין CSS בצבע רקע, השתמש בתמונת רקע. לדוגמה:
טקסט קישור
במידת הצורך, הוסף מאפיין לחזור על רקע לכללי ה- CSS המוגדרים להגדרת אפשרויות לשכפול תמונת הרקע בצורה אופקית ואנכית.
שלב 4
הפוך את הרקע של הקישור לשינוי כאשר אתה מעביר את העכבר מעליו או כאשר המיקוד נע. הוסף ערכות כללים לגיליון סגנון מסמך חיצוני או מוטבע המגדיר את הרקע של קישור או קבוצת קישורים במצבים שונים. השתמש בבחירת מזהה ותכונות בשילוב עם מחלקות הפסאודו הדינמיות: רחף,: פעיל ו-: מיקוד. לדוגמא, על מנת שהרקע של קישור עם ערך מאפיין ID של ID_DYNAMIC_BACKGROUND יהיה אדום במצב לא פעיל וירוק במצב של מתחת לסמן העכבר, יש להוסיף את ערכות הכללים הבאות לגליון הסגנון:
# ID_DYNAMIC_BACKGROUND
{
צבע רקע: # FF0000;
}
# ID_DYNAMIC_BACKGROUND: רחף
{
צבע רקע: # 00FF00;
}
אתה יכול לעשות את אותו הדבר כדי ליצור רקע עם תמונה המשתנה באופן דינמי.
