תוֹכֶן

• הוראות
• כותרת
• איך
• שים לב

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

הוראות

אתרים משתמשים ב- HTML וב- CSS כדי לקבוע את המראה והסגנון (Comstock / Comstock / Getty Images)

1. מצא היכן נמצא ה- CSS של דף האינטרנט. קוד CSS עשוי להופיע בשורה, כלומר, הצהרות סגנון מופיעות כחלק מסמל אלמנט כמו בתחביר של הדוגמה הבאה: תוכן

   אם קוד זה מופיע בתוך "div" שלך, תוכל להסיר את כל המאפיין "style" עם הערך שלו. קוד CSS עשוי להופיע בתוך הקטע "ראש" של הדף כדלקמן: body {background-color: # 000000;}

   קוד ה- CSS עשוי להופיע גם בקובץ CSS אחד או יותר עם קישורים בקטע "ראש" של הדף, באופן הבא:

2. אם הדף שלך מכיל קוד CSS בקטע "head" או בקבצים נפרדים, יהיה עליך לחפש בכל קוד CSS כדי לשנות את הסגנון של אלמנט "div" שלך.

3. בדוק את קוד ה- CSS המתייחס לאלמנטים "div". ניתן להחיל CSS על סוג אלמנט, כגון: div {padding: 5px; }

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

   
   

4. בדוק את קוד ה- CSS המתייחס למחלקה של האלמנט שלך. רכיבי HTML כוללים תכונות מחלקה כדלקמן: תוכן עליון

   אם ל- "div" שלך יש מאפיין class, ראה את הערך של המאפיין בקוד ה- CSS שלך. הוא עשוי להופיע בתכונה שלו, כדלקמן: .top {/הצהרות CSS/ }

   לחלופין, הוא עשוי להופיע יחד עם סוג האלמנט כדלקמן: div.top {/הצהרות CSS/ }

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

5. בדוק את קוד ה- CSS עבור מזהה הרכיב. לאלמנט שלך עשויה להיות תכונה ייחודית מזהה, כדלקמן: תוכן למעלה

   אם אלמנט שלך מכיל מאפיין מזהה, חפש אותו בתוך ה- CSS, מחפש את התחביר הבא:

   כותרת

   /הצהרות CSS/ }

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

   
   

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

איך

• כלי דפדפן, כגון Firebug, יכולים להיות שימושיים בעת שינוי קוד HTML ו- CSS.

שים לב

• לשינויים באתר קיים יכולות להיות השלכות בלתי צפויות. מסיבה זו, מומלץ לשמור עותקים של כל הקבצים שאתה מתכוון לשנות.