שלח תשובה

זירת השאלות

1451
צפיות
8
תשובות

שאלה בCSS

,‏ 21 באוקטובר, 2012

שלום

יש לי שאלה CSS

שני גיליונות חיצונים בשם tab.css ן mytab,css

בגליון tab.css

יש לי את קוד הבא

.container1{

width: 156px;
position:absolute;
top:1588;
left:802;
text-align:right;
font-weight: bold;

}


ואילו בגיליון שני mytab.css

יש את קוד הבא


.line{

width: 290px;
position:absolute;
top:1598;
left:670;
text-align:right;
border-bottom: 1px solid black;
}


השאלה שלי היא שאני רוצה לפנות לגיליון הראשון (TAB.CSS) בHTML

אני פונה כך

<HTML>
<HEAD>
<link rel="stylesheet" type="text/css" href="style.css">


<TITLE>אתר שלי </TITLE>
</HEAD>
<BODY Background="image/back.jpg">

<div class="container1">
הכותרת שלי
</div>


</BODY>
<HTML/>

עם אני רוצה לפנות לגליון השני (MYTAB.CSS ) אך אני עושה זאת

אבקש להראות לי דוגמא לפי דוגמא שהראתי

בברכה
ILAN172

8 תשובות

  1. Nadav Avisror הגיב:

    אתה פשוט מוסיף לHEAD עוד טאג של לינק
    <link rel="stylesheet" type="text/css" href="tab.css"></link>
    <link rel="stylesheet" type="text/css" href="mytab.css"></link>
    ככה זה בגדול,
    שים לב שאתה לא סגרת טאג, זה שגיאת HTML

  2. Nadav Avisror הגיב:

    הבאתי לך דוגמה של קוד,

    אתה יכול לשים בHEAD כמה קבצי CSS שאתה רוצה בדיוק כמו שאתה רשמת רק פשוט תוסיף עוד אחד מתחת ( ותסגור את הטאג ) .
    עכשיו יש לך אפשרות לקרוא לCLASS (גם ID) שנמצא בתוך קבצי הCSS כדי לעצב את ה HTML שלך,
    הכוונה היא שאם יש לך בקובץ אחד עיצוב לCLASS ששמו MAIN ובקובץ השני עצוב לCLASS ששמו CONTENT אתה פשוט קורא להם רגיל כמו שעשית שהיה לך רק קובץ אחד.

  3. פרש הגיב:

    מה קורה עם בשני קבצים יש לי שם זהה של עיצוב?
    אך אני קורא להם?

  4. Nadav Avisror הגיב:

    לא עושים את זה.
    אבל אם כבר עשית את זה, אז הדפדפן יקח את העיצוב של הקובץ האחרון שקורא לCLASS

  5. פרש הגיב:

    קודם כל אני מודה לך (Nadav Avisror) על תשובות עזרתה לי הרבה

    עוד שאלה קטנה למה הכוונה לא עושים את זה ?האם זה לא חוקי ?

  6. Nadav Avisror הגיב:

    חוקי, אתה יכול לעשות את זה, אתה דורס את העיצוב, אבל למה שלא תתן לטאג CLASS אחר .

  7. Oren Rubin הגיב:

    כל כלל של CSS מחולק לשני חלקים, על מי הוא פועל ומה להפעיל עליו.

    החלק הראשון (על מי) משתמש בהגדרה שנקראת CSS SELECTOR,.
    לדוגמא .line יעבוד על כל האלמנטים בדף שיש להם "CLASS="LINE.
    P יעבוד על כל התגיות P.
    ו P.Line ימצא את כל התגיות P שיש להן CLASS LINE.

    החלק השני הוא איך הכלל משפיע, קרי, אילו מאפייני עיצוב הוא משנה
    לדוגמא { color: blue } משפיע על צבע.

    מה קורה עם אלמנט מושפע מכמה חוקים? גם לזה עשו סדר:
    יש ניקוד לכל חלק CSS SELECTOR והחוק עם הניקוד (סכום) הגבוה מנצח.
    לא זוכר את המספרים המדוייקים אבל לתג ציון נמוך (נגיד 1), מחלקה יותר גבוה (10), וID הכי גבוה (נגיד 1000).
    כך שכלל שבו יש ID של אלמנט יוביל משמעותית.
    ההגיון שלהם היה שמה שיותר כללי יקבל פחות ניקוד (ID הוא יחודי, ולכן מקבל ניקוד גבוה יותר).
    במידה והניקוד זהה, הכלל שנטען מאוחר יותר הוא המנצח.
    שימו לב, INLINE STYLE מקבל ניקוד גבוה מאוד, לדוגמא


    <div id="moshe" style="color:red">
    ..
    /* # is for IDs */
    #moshe {
    color: blue;
    }

    משה שלנו יהיה אדום.
    דבר אחרון (מבטיח!):
    אפשר גם לתת עוד ניקוד ע"י הוספה של המילה IMPORTANT למאפיין, אבל אני מעדיף לא לסבך כרגע.

שלח תשובה