1
00:00:00,000 --> 00:00:02,000
[Powered by Google Translate] [קסס]

2
00:00:02,000 --> 00:00:04,810
[יוסף אָנג - האַרוואַרד אוניווערסיטעט]

3
00:00:04,810 --> 00:00:07,160
[דאס איז קס50. - CS50.TV]

4
00:00:07,160 --> 00:00:11,430
>> הייַנט מיר וועט זייַן גערעדט וועגן קסס אָדער קאַסקאַדינג סטייל שיץ.

5
00:00:11,430 --> 00:00:14,330
>> אזוי וואָס פּונקט איז קסס?

6
00:00:14,330 --> 00:00:17,120
נו, לאָזן 'ס ברעכן די טערמין קסס אַראָפּ אין 2 טיילן:

7
00:00:17,120 --> 00:00:19,510
קאַסקיידינג און סטייל שיץ.

8
00:00:19,510 --> 00:00:23,900
קאַסקיידינג איז אַ קליין ביסל מער קאָמפּליצירט, און עס ס 'עפּעס מיר וועט דעקן אין אן אנדער ווידעא.

9
00:00:23,900 --> 00:00:27,930
אבער פֿאַר סטאַרטערס, סטייל שיץ זייער פיל הינץ אין וואָס קסס טוט.

10
00:00:27,930 --> 00:00:30,880
עס מוסיף סטיילז צו די HTML פון אַ וועב זייַט,

11
00:00:30,880 --> 00:00:33,720
טשאַנגינג ווי דער וועב בלאַט עסטעטיקלי קוקט.

12
00:00:33,720 --> 00:00:38,310
דאס מיטל אַלץ פון די שריפֿט פון די טעקסט צו די פּאַזישאַנינג פון די צופרידן אויף דעם בלאַט

13
00:00:38,310 --> 00:00:43,800
צו אנדערע קיל זאכן ווי מאכן די עקן פון אַ קעסטל ראַונדיד אָדער אַדינג שאַדאָוז צו טעקסט.

14
00:00:43,800 --> 00:00:48,230
איר קענען אַפֿילו טאָן משוגע זאכן ווי מאַכן דאס ופלעבן אויף דעם עקראַן.

15
00:00:48,230 --> 00:00:51,700
>> אזוי ווי טאָן מיר נוצן קסס מיט HTML?

16
00:00:51,700 --> 00:00:53,620
נעמען דעם נעבעך-קוקן פּלאַץ איך נאָר געשריבן.

17
00:00:53,620 --> 00:00:57,290
אויב ראָב געווען צו קוקן אין דעם פּלאַץ רעכט איצט, ער 'ד מיסטאָמע זאָגן עפּעס ווי,

18
00:00:57,290 --> 00:01:01,730
"וואַו! מייַן הקדמה קוקט שרעקלעך. יוסף, איר ניטאָ אַן שרעקלעך דיזיינער."

19
00:01:01,730 --> 00:01:05,110
"ניצן די פעליקייַט Times שריפֿט? העלוועטיקאַ איז אַזוי פיל בעסער."

20
00:01:05,110 --> 00:01:09,600
>> אזוי וואָס זאל זייַן די סימפּלאַסט וועג צו צולייגן די סטילינג ראָב וויל?

21
00:01:09,600 --> 00:01:13,530
די מערסט קלאָר ווי דער טאָג וועג גורל פון מענטשן טכילעס געשריבן קסס

22
00:01:13,530 --> 00:01:17,470
איז געווען צו לייגן וואָס מיר רופן נוסח דעקלעריישאַנז רעכט אין דעם עלעמענט זיך

23
00:01:17,470 --> 00:01:20,560
ניצן דעם HTML נוסח אַטריביוט.

24
00:01:20,560 --> 00:01:26,420
א נוסח דעקלאַראַציע פשוט באשטייט פון די HTML עלעמענט ס קסס פאַרמאָג מיר ווילן צו טוישן

25
00:01:26,420 --> 00:01:32,140
נאכגעגאנגען דורך אַ קאָלאָן נאכגעגאנגען דורך די נייַ ווערט פון די פאַרמאָג און אַ פּינטל - קאָמע אין די סוף.

26
00:01:32,140 --> 00:01:36,600
למשל, לאָזן 'ס זאָגן ראָב וויל אַ שוואַרץ גרענעץ אַרום זייַן הקדמה.

27
00:01:36,600 --> 00:01:40,040
מיר ערשטער שטעלן די נוסח אַטריביוט אויף ראָב ס div דאָ

28
00:01:40,040 --> 00:01:43,830
דעמאָלט ין טאָפּל ציטירט שטעלן אַ קסס דעקלאַראַציע:

29
00:01:43,830 --> 00:01:47,880
"גרענעץ: 1פּקס האַרט שוואַרץ;"

30
00:01:47,880 --> 00:01:52,480
די 1 פּיקסעל רעפערס צו די ברייט פון דער גרענעץ, די האַרט רעפערס צו דער נוסח פון דער גרענעץ,

31
00:01:52,480 --> 00:01:56,640
און די קאָליר בייַ די סוף דאַטערמאַנז וואָס די גרענעץ ס קאָליר איז.

32
00:01:56,640 --> 00:02:01,220
>> אויב מיר וועלן קייפל סטיילז אויף אַן עלעמענט, שרייַבן די דעקלעריישאַנז אין סיקוואַנס.

33
00:02:01,220 --> 00:02:05,650
למשל, אויב ראָב וויל זייַן כעדער טעקסט אין העלוועטיקאַ מיט אַ בלוי הינטערגרונט

34
00:02:05,650 --> 00:02:09,270
און מער פּלאַץ אַרום דעם טעקסט, מיר קענען טאָן דעם:

35
00:02:09,270 --> 00:02:19,800
נוסח = "שריפֿט-משפּחה: העלוועטיקאַ; הינטערגרונט-קאָליר: בלוי; וואַטן: 5פּקס;"

36
00:02:22,150 --> 00:02:28,010
די לעצטע פּינטל - קאָמע איז פאקטיש אַפּשאַנאַל, אָבער מען יוזשאַוואַלי האַלטן עס אין פֿאַר קאָנסיסטענסי ס צוליב.

37
00:02:28,010 --> 00:02:32,180
>> מיר וועט ראַטעווען יקספּליינינג עטלעכע פון ​​די קולער און מער קאָמפּליצירט קסס פּראָפּערטיעס

38
00:02:32,180 --> 00:02:34,140
פֿאַר אן אנדער ווידעא.

39
00:02:34,140 --> 00:02:38,780
אויב איר האָט עפּעס אין גייַסט, נאָר גאָאָגלינג די ווירקונג איר ווילן נאכגעגאנגען דורך קסס

40
00:02:38,780 --> 00:02:41,590
וועט מיסטאָמע געבן איר שיין גוט רעזולטאַטן.

41
00:02:41,590 --> 00:02:44,530
די קיל זאַך איז אַז קסס איז שיין ברייט,

42
00:02:44,530 --> 00:02:48,470
אַזוי שאַנסן זענען אויב עס איז עפּעס איר ווילן צו טאָן - ין סיבה -

43
00:02:48,470 --> 00:02:51,350
קסס קענען מיסטאָמע טאָן עס.

44
00:02:51,350 --> 00:02:54,750
מיר רופן דעם מין פון סטילינג ינלינע סטילינג.

45
00:02:54,750 --> 00:02:59,030
די עלעמענט נוסח איז, נו, אין שורה מיט די אָנהייב פאַרבינדן.

46
00:02:59,030 --> 00:03:01,770
>> פֿאַר פאָלקס וואס טאַקע ווי צו זייַן אָרגאַניזירט,

47
00:03:01,770 --> 00:03:05,800
איר זאל אָנהייבן געטינג אַ ביסל פּיווד אין ווי מעסי דעם אַלע קוקט.

48
00:03:05,800 --> 00:03:09,810
ימאַדזשאַן אויב איר האט צו טאָן דעם פֿאַר יעדער עלעמענט אויף דעם בלאַט,

49
00:03:09,810 --> 00:03:13,690
פּלוס איצט דיין HTML און קסס זענען אַלע ינטערמיקסט און קלאַטערד.

50
00:03:13,690 --> 00:03:15,500
גראָב, רעכט?

51
00:03:15,500 --> 00:03:21,110
צו פאַרריכטן דעם, מען יווענטשאַוואַלי אנגעהויבן קאַטשינג אויף צו סעפּערייטינג זייער HTML מאַרקאַפּ

52
00:03:21,110 --> 00:03:26,370
פון זייער קסס סטילינג דורך ניצן עפּעס גערופן קסס סעלעקטאָרס.

53
00:03:26,370 --> 00:03:31,780
קסס סעלעקטאָרס זענען געניצט צו קלייַבן יסודות צו וואָס דעקלעריישאַנז זענען געווענדט.

54
00:03:31,780 --> 00:03:38,600
א סעלעקטאָר קאַמביינד מיט אַ רשימה פון קסס דעקלעריישאַנז איז אָפֿט ריפערד צו ווי אַ קסס הערשן.

55
00:03:38,600 --> 00:03:43,260
די כּללים וואָלט זייַן שטעלן צווישן עפענען און פאַרמאַכן HTML נוסח טאַגס,

56
00:03:43,260 --> 00:03:46,120
אָפֿט אין די קאָפּ פון דער דאָקומענט.

57
00:03:46,120 --> 00:03:49,000
>> עס ס פיל גרינגער צו זען מיט אַ משל,

58
00:03:49,000 --> 00:03:53,000
אַזוי לאָזן 'ס אָנהייבן דורך שאפן אַ פּשוט קסס הערשן.

59
00:03:53,000 --> 00:03:58,180
ערשטער, לאָזן 'ס שטעלן נוסח טאַגס אין די קאָפּ אָפּטיילונג פון אונדזער HTML.

60
00:03:58,180 --> 00:04:00,020
ווייַטער, די סעלעקטאָר.

61
00:04:00,020 --> 00:04:03,490
מיר וועט אָנהייבן אַוועק דורך ניצן איינער פון די סימפּלאַסט סעלעקטאָרס, די האַש סימבאָל,

62
00:04:03,490 --> 00:04:08,080
וואָס סאַלעקץ אַ HTML עלעמענט דורך זייַן שייַן אַטריביוט.

63
00:04:08,080 --> 00:04:11,850
אין דעם פאַל מיר וועט אויסקלייַבן די div אַז רעפּראַזענץ ראָב ס הקדמה

64
00:04:11,850 --> 00:04:16,740
דורך טייפּינג די האַש סימבאָל נאכגעגאנגען דורך די div ס שייַן, ראָב.

65
00:04:16,740 --> 00:04:18,579
איצט דער דעקלעריישאַנז.

66
00:04:18,579 --> 00:04:24,090
מיר לייגן עפענען און פאַרמאַכן ברייסאַז און יבעררוק אונדזער פריער ינלינע דעקלעריישאַנז אויף ראָב ס div

67
00:04:24,090 --> 00:04:26,880
ין פון די ברייסאַז, דערפרישן,

68
00:04:26,880 --> 00:04:34,160
און, קיל, ראָב ס intro נאָך האט אַ שוואַרץ גרענעץ אַרום עס מינוס די מעסי ינלינע מיעסקייַט.

69
00:04:34,160 --> 00:04:39,380
>> איצט, וואָס אויב מיר געוואלט צו אויסקלייַבן דעם H1 ין פון ראָב ס intro?

70
00:04:39,380 --> 00:04:44,400
איר זאל טראַכטן, "זאל 'ס שטעלן אַ שייַן אויף אים און דעריבער מאַך אונדזער פריער סטיילז."

71
00:04:44,400 --> 00:04:48,760
וואָס אַרבעט, אָבער קסס האט אנדערע וועגן פון לעטינג איר אויסקלייַבן עלעמענטן

72
00:04:48,760 --> 00:04:53,490
דורך ניצן וואָס מיר רופן קאָמבינאַטאָרס צו מישן פּשוט סעלעקטאָרס.

73
00:04:53,490 --> 00:04:57,740
למשל, אַ ווהיטעספּאַסע כאַראַקטער קענען זייַן געניצט ווי אַ קאָמבינאַטאָר

74
00:04:57,740 --> 00:05:03,510
צו ספּעציפיצירן אַלע ינסטאַנסיז פון 1 סעלעקטאָר אַז לעבן ין פון אן אנדער סעלעקטאָר.

75
00:05:03,510 --> 00:05:06,630
אַז סאָונדס אַ פּלאַץ מער קאָמפּליצירט ווי עס פאקטיש איז.

76
00:05:06,630 --> 00:05:08,830
דאָ ס אַ בייַשפּיל.

77
00:05:08,830 --> 00:05:13,900
מיר וועלן טיפּ # ראָב, לייגן אַ פּלאַץ, און נאָכגיין עס מיט אַ H1,

78
00:05:13,900 --> 00:05:18,840
אן אנדער פּשוט סעלעקטאָר גערופן אַ פאַרבינדן סעלעקטאָר אַז סאַלעקץ טייפּס פון עלעמענטן

79
00:05:18,840 --> 00:05:21,200
ווי דיווס אָדער פּאַראַגראַפס.

80
00:05:21,200 --> 00:05:26,140
דער אָרט קאַמביינז אונדזער 2 פּשוט סעלעקטאָרס, אַפּלייינג אַלע קסס דעקלעריישאַנז

81
00:05:26,140 --> 00:05:32,560
און די געגרייַזלט ברייסאַז צו H1 טאַגס אַז לעבן ין פון די עלעמענט מיט שייַן = "ראָב".

82
00:05:32,560 --> 00:05:38,290
נאָר צו איבערצייגן איר אַז עס אַרבעט, איך וועט טוישן די פאָנט קאָליר צו ווייַס, דערפרישן,

83
00:05:38,290 --> 00:05:42,090
און, קוקן, ראָב ס כעדער איז איצט ווייַס.

84
00:05:42,090 --> 00:05:47,510
>> אַלע פון ​​דעם ווערק גייט צו ווייַזן אַז דורך ניצן כּללים אַנשטאָט פון ינלינע סטיילז

85
00:05:47,510 --> 00:05:50,510
מיר קענען באַקומען פיל קלינער קאָד.

86
00:05:50,510 --> 00:05:53,900
אין פאַקט, אויב דעם נוסח בלאָק סטאַרץ געטינג אַ קליין ביסל גרויס,

87
00:05:53,900 --> 00:05:58,340
איך קענען אַפֿילו ציען די סטיילז אויס אין אַ אַנדערש טעקע בעסאַכאַקל.

88
00:05:58,340 --> 00:06:05,120
>> צו אַרייַננעמען דעם נייַ טעקע ווי קסס אין דעם דאָקומענט איך וועט נאָר נוצן HTML ס לינק פאַרבינדן.

89
00:06:05,120 --> 00:06:10,320
דאָ איך בין טעלינג עס אַז איך בין פֿאַרבינדונג אין אַ פונדרויסנדיק נוסח בלאַט, די רעל אַטריביוט,

90
00:06:10,320 --> 00:06:14,840
און ספּעסאַפייינג דער דרך צו די טעקע מיט מיין הרעף אַטריביוט.

91
00:06:14,840 --> 00:06:20,290
איצט מיין HTML מאַרקאַפּ און קסס זענען אָרגאַניזירט נייסלי אין גאָר באַזונדער טעקעס,

92
00:06:20,290 --> 00:06:26,090
וואָס איז כּמעט שטענדיק די וועג דיזיינערז בעסער ארבעטן מיט HTML און קסס.

93
00:06:26,090 --> 00:06:30,180
>> אין פאַל איר ניטאָ וואַנדערינג, די פּשוט סעלעקטאָרס אַרייַננעמען שייַן סעלעקטאָרס

94
00:06:30,180 --> 00:06:33,100
און פאַרבינדן סעלעקטאָרס ווי די אָנעס מיר נאָר געזען

95
00:06:33,100 --> 00:06:38,610
ווי געזונט ווי סאָרט סעלעקטאָרס פֿאַר סאַלעקטינג יסודות מיט אַ זיכער קלאַס,

96
00:06:38,610 --> 00:06:44,000
אַטריביוט סעלעקטאָרס פֿאַר סאַלעקטינג יסודות דורך אנדערע אַטראַביוץ ווי טיפּ = "ראַדיאָ"

97
00:06:44,000 --> 00:06:49,180
פֿאַר ראַדיאָ קנעפּל ינפּוץ, און פּסעודאָסעלעקטאָרס ווי האָווער און פאָקוס

98
00:06:49,180 --> 00:06:55,260
פֿאַר ספּעסאַפייינג סטילינג ווען ינעראַקשאַנז ווי מאָוסינג איבער אַן עלעמענט פּאַסירן.

99
00:06:55,260 --> 00:06:58,950
>> דער פּראָסט קאָמבינאַטאָרס אַרייַננעמען ווהיטעספּאַסע פֿאַר אַלע קינדער

100
00:06:58,950 --> 00:07:02,080
און קאָמעס צו ויסטיילן סעלעקטאָרס.

101
00:07:02,080 --> 00:07:06,370
אנדערע איר קען טרעפן אַרייַננעמען די פייַל פֿאַר דירעקט קינדער נאָר,

102
00:07:06,370 --> 00:07:10,440
די טילדע פֿאַר אַלע סיבלינגז וואָס פּאַסירן נאָך דער עלעמענט,

103
00:07:10,440 --> 00:07:16,010
און די פּלוס צייכן פֿאַר דעם 1 סיבלינג וואָס קומט מיד נאָך דעם עלעמענט.

104
00:07:16,010 --> 00:07:18,540
>> דורך קאַמביינינג די סעלעקטאָרס און קאָמבינאַטאָרס,

105
00:07:18,540 --> 00:07:22,910
איר קענען בראָדאַן די קייט פון סטילינג איר קענען דערגרייכן אויף אַ געגעבן וועב בלאַט

106
00:07:22,910 --> 00:07:25,050
און שרייַבן קסס מער יפישאַנטלי.

107
00:07:25,050 --> 00:07:28,370
מיט נאָר אַ פּאָר פון שורות פון קסס איר זען מיר טייפּינג דאָ,

108
00:07:28,370 --> 00:07:34,460
איך קענען געשווינד מאַכן עפּעס ווי דעם קוק ווי עפּעס ווי דעם.

109
00:07:34,460 --> 00:07:37,080
>> איך בין יוסף, און דאָס איז קס50.

110
00:07:37,080 --> 00:07:39,260
>> [CS50.TV]

111
00:07:39,260 --> 00:07:40,780
>> אַ, ווו טאָן איך אָנהייבן?

112
00:07:40,780 --> 00:07:44,140
זאל מיר טאָן אַז אָן - [לאַפס] אָוקיי.

113
00:07:44,140 --> 00:07:47,300
לייג אַ - זאל מיר טוישן אַז ווערדינג.

114
00:07:50,580 --> 00:07:52,470
ו. אנטשולדיגט.