1
00:00:00,000 --> 00:00:00,300

2
00:00:00,300 --> 00:00:04,840
>> דובר: אז זה בעצם לא הכי טוב
לעצב להתערבב CSS עם HTML.

3
00:00:04,840 --> 00:00:08,700
במקום זאת, עדיף גורם אותך
CSS, לשים אותו במקום מרכזי, ו

4
00:00:08,700 --> 00:00:11,430
איכשהו להחיל אותו על
תגים בדף האינטרנט שלך.

5
00:00:11,430 --> 00:00:15,290
כדי להשיג זאת, אנו יכולים למעשה להפסיק
באמצעות תכונת הסגנון ובמקום

6
00:00:15,290 --> 00:00:19,290
להשתמש בסגנון תג, השייכת ב
ראש דף אינטרנט לצד, ל

7
00:00:19,290 --> 00:00:20,700
למשל, הכותרת שלך.

8
00:00:20,700 --> 00:00:24,400
>> בואו לתת את זה לנסות וליישם מחדש
דף בית של ג'ון הרווארד

9
00:00:24,400 --> 00:00:26,410
שימוש בתג הסגנון.

10
00:00:26,410 --> 00:00:28,930
אני כבר קיבלתי אותנו התחלתי
כאן עם שלושה אלמנטים מסוג div עבור

11
00:00:28,930 --> 00:00:30,260
בדף הבית של ג'ון הרווארד.

12
00:00:30,260 --> 00:00:33,990
אבל בואו ראשון עכשיו לעלות לזה ראשון
div ומוסיף תכונה חדשה,

13
00:00:33,990 --> 00:00:38,680
כלומר זהות, וציין שייחודי
מזהה עבור div המסוים הזה

14
00:00:38,680 --> 00:00:42,390
יהיה, למשל, סוף הציטוט
"עליון", שם שרירותי, אבל

15
00:00:42,390 --> 00:00:45,840
תיאורים שבdiv זה
אכן בחלק העליון של הדף שלי.

16
00:00:45,840 --> 00:00:48,920
>> לdiv הבא, בואו לתת לו
זיהוי של סוף ציטוט ציטוט שונה

17
00:00:48,920 --> 00:00:54,080
"באמצע", ובואו לתת div השלישי
תעודת זהות של מרכאות, "תחתון". אנחנו

18
00:00:54,080 --> 00:00:57,740
עכשיו יש שלושה מזהה ייחודי
שאליה אנו יכולים ליישם כמה CSS

19
00:00:57,740 --> 00:01:01,210
מאפיינים, אבל קודם, בואו תמורה
לראש דף זה.

20
00:01:01,210 --> 00:01:04,760
מעל הכותרת כאן, אני
קדימה ולהגדיר את הסגנון

21
00:01:04,760 --> 00:01:07,120
ולאחר מכן סגור בסגנון.

22
00:01:07,120 --> 00:01:10,340
>> בתוך זה עכשיו, אני הולך להגדיר
כמה מאפייני CSS, כלומר

23
00:01:10,340 --> 00:01:14,550
אלה אותם שהיה לי בעבר בסגנון
תכונות, אבל כאן הם יהיו

24
00:01:14,550 --> 00:01:16,320
מוגדר באופן מרכזי.

25
00:01:16,320 --> 00:01:20,880
לשם כך, אני הולך לציין את קילו
סמל ואחריו עליון, ובכך

26
00:01:20,880 --> 00:01:24,710
ציון שCSS הבא
מאפיינים צריכים לחול על כל מה

27
00:01:24,710 --> 00:01:28,800
יש אלמנט HTML ייחודי
מזהה של דף.

28
00:01:28,800 --> 00:01:32,240
אז אני הולך לקבל קצת פתוח ו
סוגריים מסולסלים סגורים, ואני הולך

29
00:01:32,240 --> 00:01:39,170
תציינו, למשל, גודל גופן יהיה 36
פיקסלים, משקל גופן יהיה מודגש.

30
00:01:39,170 --> 00:01:41,810
>> כדי לשמור על דברים נקיים, אני שם את כל
המאפיינים האלה עכשיו בכוחות עצמו

31
00:01:41,810 --> 00:01:44,610
קו, אבל זה רק
כנס סגנוני.

32
00:01:44,610 --> 00:01:47,830
בהמשך זה, בואו עכשיו להגדיר אחר
בורר, כביכול.

33
00:01:47,830 --> 00:01:52,680
זה אחד לתג ה-HTML שיש
מזהה ייחודי של מרכז.

34
00:01:52,680 --> 00:01:57,540
וכאן, בואו לציין גודל גופן
24 פיקסלים, מתחת לזה עוד

35
00:01:57,540 --> 00:02:01,520
בורר לתחתית, ובתוך
מזה, בואו לציין

36
00:02:01,520 --> 00:02:03,850
גודל גופן של 12 פיקסלים.

37
00:02:03,850 --> 00:02:09,350
>> בואו עכשיו לשמור, לשנות את ההרשאות
ב, ולטעון את הדף הזה בדפדפן,

38
00:02:09,350 --> 00:02:14,230
chmod css-1.html r פלוס.

39
00:02:14,230 --> 00:02:22,260
בואו לפתוח את הכרום ולבקר
http://localhost/css-1.html.

40
00:02:22,260 --> 00:02:22,960
לא רע.

41
00:02:22,960 --> 00:02:26,930
בדיוק כפי שהתכוונתי, אבל הייתי רוצה
לקחת את הדברים צעד אחד קדימה ועכשיו

42
00:02:26,930 --> 00:02:29,050
הטקסט של המרכז ג'ון הרווארד.

43
00:02:29,050 --> 00:02:32,080
עכשיו כדי לעשות זאת, אני יכול לעטוף את
עמוד שלם בdiv כפי שאני

44
00:02:32,080 --> 00:02:33,800
עשה דוגמא קודמת.

45
00:02:33,800 --> 00:02:37,820
או שאני יכול להיות חכם יותר ומבין כי
כל אלמנטים מהסוג div אלה בתוך

46
00:02:37,820 --> 00:02:42,420
גופתו של הדף שלי, אז למה לא פשוט להחיל
מאפייני CSS אחד או יותר לגוף

47
00:02:42,420 --> 00:02:43,850
לתייג את עצמו?

48
00:02:43,850 --> 00:02:45,460
>> לשם כך, בואו נעשיתי את זה.

49
00:02:45,460 --> 00:02:47,650
בואו נחזור לgedit כאן.

50
00:02:47,650 --> 00:02:52,460
בואו לגלול חזרה לסגנון התג,
ובואו תציינו בורר רק

51
00:02:52,460 --> 00:02:54,520
באמצעות תג ששם, גוף.

52
00:02:54,520 --> 00:03:00,580
מתחת לזה, בואו לשים הסוגריים המסולסלים שלנו
אחריו מרכז יישור טקסט.

53
00:03:00,580 --> 00:03:05,580
בואו עכשיו לשמור את הדף וטען מחדש
זה חלק פנימי של דפדפן זה.

54
00:03:05,580 --> 00:03:08,090
רענן בכרום, וזהו.

55
00:03:08,090 --> 00:03:11,000
עכשיו יש לנו בדף של ג'ון הרווארד
במרכז כפי שאנו מיועדים.

56
00:03:11,000 --> 00:03:12,619