שלח תשובה

זירת השאלות

1787
צפיות
4
תשובות

לומד Html&css

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



אני לומד מhtml w3s והגעתי לחלק של html css ואני לא הבנתי משהו..
http://www.w3schools.com/html/html_css.asp
השאלה היא כזאת.
Link to an external style sheet
How to use the <link> tag to link to an external style sheet.
קראתי לו index.html ושמרתי אותו קבוץ css בנוטפד++

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
h1 {color:blue;
p {color:red
</style>
</head>
<body>
<h1>bla bla bla1</h1>
<h2>divdo!</h2>
<p>didlo!</p>
<a href="http://www.w3schools.com&quot</body>
</html>

אחריו הכנתי עוד קובץ.
v3.html
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
h1 {color:red;}
h2 {color:blue;}
p {color:green;}
</style>
</head>
<body>
<h1>bla bla bla1</h1>
<h2>divdo!</h2>
<p>didlo!</p>
<a href="http://www.w3schools.com&quot</body>
</html>



אני מריץ עכשיו בכל הדפדפנים והוא צובע בירוק רק
את התג p
ולא את h1 גם.
מה אני עושה?
תודה רבה!!!
ואני אשאל מתי כדאי ללמוד לעצב בפוטושופ?




4 תשובות

  1. מאור ישראל הגיב:
    31 באוקטובר, 2012 בשעה 9:03 pm

    הוא צובע לך רק את התג P כי רק לו הגדרת צבע ירוק.כדי שהוא יצבע גם את התוכן בתגית H1 אתה צריך לשנות בסטייל מאדום לירוק ואז זה יעבוד.
    ובקשר לשאלה שלך לגבי הפוטושופ אין לי תשובה.

  2. Nadav Avisror הגיב:
    31 באוקטובר, 2012 בשעה 10:05 pm

    טיפ קטן, כדי ללמוד טוב יותר CSS תשתמש ב אינספקטר של כרום (F12)
    הוא מראה לך את את ה CSS וגם את ה – HTML של הדף ואתה לכול לראות איך יראה אם תשנה טאג מסוים וגם הוא משלים לך את הפקודות.
    זה דבר שמאוד עזר לי ללמוד html css javascript

  3. אלון ברנדלור הגיב:
    5 בנובמבר, 2012 בשעה 10:54 am

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

    אם ברצונך לבנות אתר ולהוסיף לו תמונות, גרפיקות ועוד… מומלץ מאוד ללמוד את הבסיס של פוטושופ על מנת שיהיה ביכולתך לעשות שינויים בתמונות,גרפיקות שתוסיף לאתר שלך.

  4. Oren Rubin הגיב:
    6 בנובמבר, 2012 בשעה 9:32 pm

    נתחיל בזה שמומלץ לעשות לחבריך חיים קלים בשביל לעזור, ובשביל זה המציאו אתרים כגון JSFIDDLE. לדוגמא http://jsfiddle.net/vB3cD/.

    בהקשר לשאלה, אשמח אם תפרט כי לפי התוכנית השניה הוא אמור לצבוע רק אלמנטים מסוג P בירוק. אם אתה רוצה שהוא יצבע עוד משהו עליך להרחיב את השאילתה (החלק שלפני הסוגריים) שבו נקבע על מי יופעל החוק.
    לדוגמא:


    p, h1, h2 {
    color: blue
    }

    יצבע את כל האלמנטים שהם P, H1, ו H2

שלח תשובה

הכנס כדי לשלוח תשובה