Webbee
  • שיווק באינטרנט
  • בניית אתרים
  • מאמרים
  • אודותינו
  • צור קשר
  • שיווק באינטרנט
  • בניית אתרים
  • מאמרים
  • אודותינו
  • צור קשר
Webbee
  • שיווק באינטרנט
  • בניית אתרים
  • מאמרים
  • אודותינו
  • צור קשר
  • שיווק באינטרנט
  • בניית אתרים
  • מאמרים
  • אודותינו
  • צור קשר
ראשי » בניית אתרים » CSS התנגשויות של עיצובים

CSS התנגשויות של עיצובים

5 באוגוסט 2011 11:10
לפעמים יש מצב שבו לאלמנט HTML אחד יש כמה עיצובי CSS שמוגדרים במקומות שונים
לדוגמה: לדף עיצוב חיצוני יש את המאפיינים האלו בשביל h3, הכותרת השלישית בגודלה.
h3
{
color:red;
text-align:left;
font-size:8pt;
}
ולדף עיצוב פנימי יש את המאפיינים האלו לכותרת h3:
h3
{
text-align:right;
font-size-20pt;
}
אם תנסו את זה תגלו שהתכונות שבאמת ישפיעו על הh3 שלנו יהיו:
color:red;
text-align:right;
font-size:20pt;
הצבע לקוח מדף העיצוב החיצוני , ומיקום הטקסט וגודלו לקוחים מדף העיצוב הפנימי! מה? למה? מיד נבין.

כשהדפדפן קורא את הדף הוא אוסף את כל שורות העיצוב
עיצובים יכולים להיות כמו שלמדנו במדריך הקודם (CSS איך ואיפה משתמשים בו)
  • בתוך אלמנט של html
  • -בתוך איזור ה<head> של דף html
  • -בקובץ css חיצוני

טיפ: אפילו מספר רב של דפים חיצוניים יכולים להיות מקושרים למסמך html יחיד.
אבל אם יש יותר מתכונת עיצוב אחת לאלמנט הhtml שלנו איך נדע מה ישפיע?
האמת זה דיי פשוט ויש סדר עדיפויות פשוט שבו כל הגדרה ממקום גבוהה דורסת הגדרות נמוכות יותר:

  1. עיצוב אינליין
  2. עיצוב בדף פנימי בhead
  3. עיצוב בדף חיצוני
  4. ברירת המחדל של הדפדפן

הערה: אם הלינק לדף העיצוב החיצוני ממוקם אחרי דף העיצוב הפנימי באיזור ה<head> של הhtml, דף העיצוב החיצוני דורס את דף העיצוב הפנימי. כפי שאפשר להבין בעצם הפקודה האחרונה היא הקובעת.

יש דרך אחרת !important

אפשר לעקוף את זה בדרך שהיא בדרך כלל לא מומלצת והשיטה היא להוסיף !important אחרי השורה ולפני ה;

דוגמה:

color: white !importnat;

אז כמו שאמרתי בדרך כלל לא מומלץ להשתמש בזה אבל לפעמים למשל כשתוסף שהורדתם מייצר איזשהו style שאתם לא רוצים, ואתם לא רוצים לערוך את התוסף כי אז כל פעם שתעדכנו אותו תצטרכו לערוך שוב, אז כדאי ומומלץ להשתמש בתכונה !importnat

אהבת? הגיע הזמן לשתף
  • Facebook
  • Google
  • Twitter
  • LinkedIn
  • Email
CSS בניית אתרים מדריך CS עיצוב אתרים
השארת תגובה

ביטול

שיחת ייעוץ בחינם וללא שום התחייבות!
מלא את הפרטים ונשמח לגלות מהו ערוץ השיווק הבא שכדאי לך לפתח בעסק שלך.



תעשו לנו לייק בפייסבוק
מאמרים חדשים

טפסים דיגיטליים לעסק שלכם

התרומה של חתימה דיגיטלית על מסמכים לחשבי שכר

קידום אתרי רפואה: טיפים מעשיים

יתרונות של וורדפרס בהקשר של קידום אתרים

בניית אתר תדמית

עמודים חשובים
  • שיווק באינטרנט
  • בניית אתרים
  • מאמרים
  • אודותינו
  • צור קשר
קטגוריות מאמרים
  • אחזקת אתרים
  • בניית אתרים
  • חתימה דיגיטלית
  • ניהול עובדים
  • עיצוב אתרים
  • קידום אתרים בגוגל
  • שיווק באינטרנט
מאמרים חדשים

טפסים דיגיטליים לעסק שלכם

התרומה של חתימה דיגיטלית על מסמכים לחשבי שכר

קידום אתרי רפואה: טיפים מעשיים

יתרונות של וורדפרס בהקשר של קידום אתרים

בניית אתר תדמית

חפש באתר
כל הזכויות שמורות לWebbee - עושים באזז ברשת 2014
loading ביטול
Post was not sent - check your email addresses!
Email check failed, please try again
Sorry, your blog cannot share posts by email.