1
00:00:00,000 --> 00:00:00,500

2
00:00:00,500 --> 00:00:04,500
>> [موسیقی بجانے]

3
00:00:04,500 --> 00:00:10,099

4
00:00:10,099 --> 00:00:12,224
یلیسن BUCHHOLTZ-AU: تو
ہم بنیادی طور پر صرف جا رہے ہیں

5
00:00:12,224 --> 00:00:14,629
اگر آپ ایک پسماندہ دینے کے لئے
سی ایس ایس کا، کیونکہ ہم جانتے ہیں

6
00:00:14,629 --> 00:00:16,420
یہ شامل نہیں کیا گیا تھا کہ
تمام سیکشنز میں.

7
00:00:16,420 --> 00:00:20,090
اور ہم واقعی اس بات کو یقینی بنانا چاہتے ہیں کہ آپ
لوگ، آپ کے اختیار میں اس آلے کے ہے

8
00:00:20,090 --> 00:00:24,790
اس کو بنانے کے لئے کی صلاحیت ہے کیونکہ
آپ کی ویب سائٹ بہت خوبصورت لگ رہی ہو.

9
00:00:24,790 --> 00:00:28,660
>> اور آپ تو، ایک ویب سائٹ کی تعمیر کر رہے ہیں تو
آپ کو شاید یہ بہت بنانے کے لئے چاہتے.

10
00:00:28,660 --> 00:00:31,372
میرا مطلب ہے، آپ کی ضرورت نہیں ہے،
لیکن میں نے اسے مشورہ تھا. [ہنستا ہے]

11
00:00:31,372 --> 00:00:35,430
آپ صارفین کو استعمال کرنا چاہتے ہیں تو، آپ کو شاید یہ
یہ ایک چھوٹا سا [اشراوی] بنانا چاہتے ہیں.

12
00:00:35,430 --> 00:00:39,130
تو اگر ہم کوشش کرتے ہیں اور آپ کو صرف کو دینے کے لئے جا رہے ہیں
کچھ بنیادی آلات اور افہام و تفہیم،

13
00:00:39,130 --> 00:00:42,340
تاکہ آپ کو باہر جانے اور آپ ہیں جب
سی ایس ایس کے بارے میں چیزوں پر تحقیق،

14
00:00:42,340 --> 00:00:45,902
یہ غیر واضح مکمل نہیں ہے،
سی ایس ایس کی طرح کبھی کبھی ہو کرنے کے لئے.

15
00:00:45,902 --> 00:00:47,240
>> TOMAS REIMERS: جی ہاں.

16
00:00:47,240 --> 00:00:49,930
یلیسن بہت اچھی طرح یہ کہا.

17
00:00:49,930 --> 00:00:53,250
لہذا میں نے پہلی بات ہم اندازہ لگا
سی ایس ایس کیا ہے کے ساتھ شروع کرنا چاہئے؟

18
00:00:53,250 --> 00:00:55,750
لہذا سی ایس ایس خوفناک ہے.

19
00:00:55,750 --> 00:00:56,250
سی ایس ایس کے

20
00:00:56,250 --> 00:00:58,320
>> یلیسن BUCHHOLTZ-AU: اس کا ہے
ہمارے سیمینار کے نام.

21
00:00:58,320 --> 00:00:58,434
>> TOMAS REIMERS: جی ہاں.

22
00:00:58,434 --> 00:01:00,130
یہ یہ بہت ضروری ہے
آپ اس وقت تک کہ سمجھ.

23
00:01:00,130 --> 00:01:03,090
آپ کو صرف ایک دور لے تو
خوفناک ہے تو بات ہے، یہ ہے کہ سی ایس ایس ہے.

24
00:01:03,090 --> 00:01:06,180
دو سی ایس ایس کے لئے کھڑا ہے
سٹائل شیٹس جھرن کاری.

25
00:01:06,180 --> 00:01:10,380
تاکہ اس کے مرکز میں، CSS ہے
کا مطلب ہے ایک سٹائل شیٹ،

26
00:01:10,380 --> 00:01:13,200
یہ آپ کو ایک ویب صفحے طرز کرنے کی اجازت دیتا ہے.

27
00:01:13,200 --> 00:01:16,609
اور پھر اس کا کیا مطلب ہے، یہ ایک
جس طرح آپ کی ویب سائٹ کے لئے سٹائل شامل کرنے کے لئے.

28
00:01:16,609 --> 00:01:18,900
تاکہ سٹائل کی طرف سے، ہم نے سب کچھ مطلب
کہ structural-- نہیں ہے

29
00:01:18,900 --> 00:01:24,350
تو رنگ کی طرح چیزوں کو، پس منظر
تصاویر، سرحدوں، طرح، بھرتی،

30
00:01:24,350 --> 00:01:25,040
مارجن.

31
00:01:25,040 --> 00:01:27,310
ہم کے بارے میں بات کریں گے کیا
تمام ہے کہ تھوڑا سا میں مطلب ہے.

32
00:01:27,310 --> 00:01:30,110
>> تو ہم نے صرف آگے چلے گئے اور
gedit میں ان لوگوں تک دونوں کو کھول دیا.

33
00:01:30,110 --> 00:01:32,680
لہذا اس سے index.html ہے.

34
00:01:32,680 --> 00:01:34,800
اور یہ main.css ہے.

35
00:01:34,800 --> 00:01:36,829
تاکہ main.css تعلق نہیں ہے.

36
00:01:36,829 --> 00:01:38,412
یلیسن BUCHHOLTZ-AU: اب تک کوئی سٹائل.

37
00:01:38,412 --> 00:01:39,245
TOMAS REIMERS: کوئی بھی نہیں.

38
00:01:39,245 --> 00:01:42,577
آپ دیکھیں گے کے طور پر اور، یہ بات ہے
ایک بہت بدسورت سائٹ.

39
00:01:42,577 --> 00:01:44,160
یلیسن BUCHHOLTZ-AU: یہ صرف سادہ ہے.

40
00:01:44,160 --> 00:01:45,820
TOMAS REIMERS: جی ہاں.

41
00:01:45,820 --> 00:01:49,150
جی ہاں، یہ، بدسورت نہیں ہے
یہ صرف مرصع ہے.

42
00:01:49,150 --> 00:01:53,430
اور پھر ہم یہاں سے index.html ہے.

43
00:01:53,430 --> 00:01:55,729
اور اس طرح ایک فوری لیے
ایچ ٹی ایم ایل، یلیسن کی Recap،

44
00:01:55,729 --> 00:01:57,270
آپ صرف صفحے کے بارے میں بات کرنا چاہتے ہیں؟

45
00:01:57,270 --> 00:01:58,395
>> یلیسن BUCHHOLTZ-AU: جی ہاں.

46
00:01:58,395 --> 00:02:01,100
تو ظاہر ہے، ہم اپنے HTML ہے
ٹیگ، جس میں صرف ناموں HTML فائل.

47
00:02:01,100 --> 00:02:07,080
ہم سی ایس ایس ساتھ، ہمارے یہاں ہیڈر ہے
مسرت، which-- تم واپس جاؤ تو.

48
00:02:07,080 --> 00:02:07,720
وہ کہاں ہے؟

49
00:02:07,720 --> 00:02:09,136
>> TOMAS REIMERS: اوہ.

50
00:02:09,136 --> 00:02:10,301
جی ہاں، آپ دیکھ سکتے ہیں.

51
00:02:10,301 --> 00:02:12,092
یلیسن BUCHHOLTZ-AU:
اور ہیڈر کو نوٹس

52
00:02:12,092 --> 00:02:14,120
ٹھیک ہے یہاں اس ٹیب ہیڈر ہے.

53
00:02:14,120 --> 00:02:17,130
اور اس کے بعد "ہیلو، دنیا!" ہے
ہم صرف ہے کہ متن

54
00:02:17,130 --> 00:02:19,620
ویب پر کی نمائش
واپس جانے is-- جس صفحے،.

55
00:02:19,620 --> 00:02:21,290
پیچھے اگلا، دوسرا.

56
00:02:21,290 --> 00:02:24,287
جس میں صرف ہمارے جسم میں ہے
سادہ متن یہاں.

57
00:02:24,287 --> 00:02:26,120
اس کے علاوہ، ایک بات
آپ کو یہاں نظر آتے ہیں، محسوس کریں،

58
00:02:26,120 --> 00:02:29,410
ٹامس ان کو تبدیل
ہمارے سلائڈ سے دو.

59
00:02:29,410 --> 00:02:32,035
تو جب تک آپ سب کو ہے کے طور پر
ان میں سے تین، تم ٹھیک ہو.

60
00:02:32,035 --> 00:02:34,044
کہ وہ جو چاہے حکم میں ہو سکتا ہے.

61
00:02:34,044 --> 00:02:39,368
جو چیز سب سے اہم ہے صرف یہ ہے کہ
آپ کو ان تین چیزوں میں سے ہر ایک ہے.

62
00:02:39,368 --> 00:02:40,340
>> TOMAS REIMERS: اتارنا.

63
00:02:40,340 --> 00:02:41,111
ایک دستاویز کی قسم کا اضافہ کریں؟

64
00:02:41,111 --> 00:02:42,235
یلیسن BUCHHOLTZ-AU: جی ہاں.

65
00:02:42,235 --> 00:02:43,068
TOMAS REIMERS: جی ہاں.

66
00:02:43,068 --> 00:02:43,769
ٹھنڈا.

67
00:02:43,769 --> 00:02:46,102
یلیسن BUCHHOLTZ-AU: ظاہر ہے،
میرے mics کے مجھے پسند نہیں کرتے.

68
00:02:46,102 --> 00:02:49,650
TOMAS REIMERS: اوہ، صرف ہمیں ایک سیکنڈ دے
یلیسن اپنی مائک باہر سوئچز کرتے ہوئے.

69
00:02:49,650 --> 00:02:50,500
تو جی ہاں.

70
00:02:50,500 --> 00:02:52,030
لہذا ہم نے اپنے مرکزی صفحے کی ہے.

71
00:02:52,030 --> 00:02:53,890
یہ unstyled کی طرح ہے.

72
00:02:53,890 --> 00:02:54,780
ہم زیادہ سے زیادہ کی ضرورت نہیں ہے.

73
00:02:54,780 --> 00:02:57,110
ہم صرف بنیادی طور پر متن ہے.

74
00:02:57,110 --> 00:02:59,470
ہم سٹائل شیٹ ہے.

75
00:02:59,470 --> 00:03:00,220
ہم عنوان ہے.

76
00:03:00,220 --> 00:03:04,020
تو صرف ننگے چوری
اجزاء ایک ویب سائٹ بنانے کے.

77
00:03:04,020 --> 00:03:08,880
>> تو وہاں سے، چلو
سی ایس ایس کیا ہے کے بارے میں بات کرتے ہیں

78
00:03:08,880 --> 00:03:11,270
اور اس طرح اور اس کے سب لگتا ہے کیا.

79
00:03:11,270 --> 00:03:12,047
تاکہ that-- لئے

80
00:03:12,047 --> 00:03:13,755
یلیسن BUCHHOLTZ-AU:
پیچھے اگلا، دوسرا سلائیڈوں پر.

81
00:03:13,755 --> 00:03:15,200
TOMAS REIMERS: سلائیڈوں پر واپس.

82
00:03:15,200 --> 00:03:17,240
اور یلیسن پر قبضہ کر سکتے ہیں.

83
00:03:17,240 --> 00:03:18,720
>> یلیسن BUCHHOLTZ-AU: وو.

84
00:03:18,720 --> 00:03:19,220
اوکے.

85
00:03:19,220 --> 00:03:22,360
، آپ کو سی ایس ایس فائل میں اتنی
آپ کے پاس کرنے جا رہے ہیں

86
00:03:22,360 --> 00:03:25,010
ان چیزوں کی ایک بہت کچھ سلیکٹرز کو بلایا.

87
00:03:25,010 --> 00:03:27,420
یہ صرف ہو جائے گا
آپ کی سی ایس ایس فائل کی بنیاد.

88
00:03:27,420 --> 00:03:29,480
یہ صرف جا رہا ہے
بہت سے اور ان کے بہت سے.

89
00:03:29,480 --> 00:03:30,780
تاکہ سلیکٹر.

90
00:03:30,780 --> 00:03:32,649
یہ صرف عام اناٹومی ہے.

91
00:03:32,649 --> 00:03:35,190
ہم کے ذریعے جانے کے لئے جا رہے ہیں
مثالیں، کیونکہ اگر تم لوگوں کو میں کبھی نہیں

92
00:03:35,190 --> 00:03:38,400
میں محسوس کرتا ہوں، میرے حصے دیکھا
خلاصہ میں چیزوں کی طرح

93
00:03:38,400 --> 00:03:39,400
واقعی کوئی مطلب نہیں ہے.

94
00:03:39,400 --> 00:03:41,110
یہ ہمیشہ مثالیں دیکھنے کے لئے میں مدد ملتی ہے.

95
00:03:41,110 --> 00:03:42,420
>> تو ہم نے کچھ سلیکٹر ہے.

96
00:03:42,420 --> 00:03:49,120
اس کے لئے کچھ شناخت کنندہ ہونے جا رہا ہے
ہم کیا چاہتے ہیں طرز پر لاگو کرنے کے لئے.

97
00:03:49,120 --> 00:03:52,220
اور پھر ہم کسی بھی ہو سکتا ہے
قوانین اور اقدار کے مقرر.

98
00:03:52,220 --> 00:03:55,680
جیسا کہ آپ دیکھ سکتے ہیں کہ سلیکٹرز تاکہ
جسم کی طرح کچھ ہو سکتا ہے،

99
00:03:55,680 --> 00:04:00,262
یا پی کے ساتھ پیراگراف،
یا ہیڈر، یا جو بھی،

100
00:04:00,262 --> 00:04:02,000
جو کچھ بھی آپ کو اپنے HTML ٹیگ ہونا چاہتے ہیں.

101
00:04:02,000 --> 00:04:03,570
>> تو اس صورت میں، ہم جسم ہے.

102
00:04:03,570 --> 00:04:06,985
اور ہم نے کچھ اصول ہیں،
جس میں اس کے مساوی ہے

103
00:04:06,985 --> 00:04:09,610
کیا پر اپنے طرز پر لاگو ہوتا ہے.

104
00:04:09,610 --> 00:04:12,720
تو اس معاملے میں، ہم ہیں
پس منظر کا رنگ اور فونٹ کا وزن.

105
00:04:12,720 --> 00:04:16,200
لہذا اس کو تبدیل کرنے کی جا رہی ہے
کسی بھی چیز کا پس منظر

106
00:04:16,200 --> 00:04:19,640
ہمارے HTML فائل کی کسی بھی جسم کے ٹیگ کے اندر اندر.

107
00:04:19,640 --> 00:04:22,810
اور یہ دینے جا رہا ہے
یہ اس ہلکے نیلے رنگ کی قدر.

108
00:04:22,810 --> 00:04:24,820
>> تو اس کے بنانے جا رہا ہے
پس منظر کی روشنی نیلے رنگ.

109
00:04:24,820 --> 00:04:28,660
اور پھر جسم کے اندر کچھ بھی ہے
جرات مندانہ ایک فونٹ کا وزن کر جا رہا.

110
00:04:28,660 --> 00:04:31,142
تو یہ صرف جا رہا ہے
ہمارے کلام کی تمام جرات مندانہ.

111
00:04:31,142 --> 00:04:32,970
اور یہ صرف ایک سلیکٹر ہے.

112
00:04:32,970 --> 00:04:34,680
لیکن آپ کو ان میں سے بہت سے بہت سے ہو سکتا ہے.

113
00:04:34,680 --> 00:04:38,730
اور ہم کو دکھانے کے لئے جا رہے ہیں کے طور پر
بعد میں، میں تھوڑا سا زیادہ کس طرح میں

114
00:04:38,730 --> 00:04:40,709
وہاں کام اور زیادہ مثالیں کہ.

115
00:04:40,709 --> 00:04:41,750
آپ شامل کرنا چاہتے کچھ؟

116
00:04:41,750 --> 00:04:42,499
>> TOMAS REIMERS: نہیں.

117
00:04:42,499 --> 00:04:43,500
یلیسن یہ مل گیا.

118
00:04:43,500 --> 00:04:46,144
ہم صرف ایک نئے، اپ کاٹ کرنے کے لئے جا رہے ہیں
یہاں ہماری مثال سائٹ پر مثال.

119
00:04:46,144 --> 00:04:47,310
تو اصل میں یہ لے لو.

120
00:04:47,310 --> 00:04:48,620
یہ بالکل صحیح ہے.

121
00:04:48,620 --> 00:04:54,460
لہذا میں نے صرف کاپی اور پیسٹ کرنے جا رہا ہوں
ہمارے main.css فائل میں اس کا حق.

122
00:04:54,460 --> 00:04:56,530
اور میں اس کو بچانے کے لئے جا رہا ہوں.

123
00:04:56,530 --> 00:04:59,190
اور پھر ہم اسے چلایا جائے گا.

124
00:04:59,190 --> 00:05:01,600
تاکہ طرف کے نوٹ، میں سے ایک
سب سے زیادہ مایوس کن چیزوں

125
00:05:01,600 --> 00:05:04,490
آپ کو ایک فائل کو بچانے کے، اور نہیں ہے تو
پھر آپ کی طرح، صفحہ دوبارہ لوڈ کریں،

126
00:05:04,490 --> 00:05:07,450
اور طرح، کیوں نہیں ہے
کیا ہو رہا تبدیلی؟

127
00:05:07,450 --> 00:05:07,950
یہ ہوتا ہے.

128
00:05:07,950 --> 00:05:14,230
تو یہاں ہم ہم نے دیکھا کہ ہمارے
ایک ہلکے نیلے رنگ کے پس منظر کی ویب سائٹ

129
00:05:14,230 --> 00:05:16,560
اور کچھ متن bolded.

130
00:05:16,560 --> 00:05:20,730
>> میں نے بھی، ذکر کرنا چاہئے اگر آپ
لوگ کسی چیز کے بارے میں سوالات ہیں،

131
00:05:20,730 --> 00:05:23,622
ہم کر رہے ہیں، براہ مہربانی بلا جھجھک
مفت ہم کو روکنے اور ہمیں پوچھنا.

132
00:05:23,622 --> 00:05:25,330
ہم مکمل طور پر تیار ہیں
میدان میں سوالات کرنے.

133
00:05:25,330 --> 00:05:27,951

134
00:05:27,951 --> 00:05:31,930
>> ظاہر ہے، کے ساتھ: یلیسن BUCHHOLTZ-AU
سی ایس ایس، سب کچھ خود پر بناتا.

135
00:05:31,930 --> 00:05:34,107
ایک بات نہ کرتا تو
، اب کوئی مطلب ہم

136
00:05:34,107 --> 00:05:35,690
نہیں چاہتے کہ تم سے بعد میں نیچے دلدل.

137
00:05:35,690 --> 00:05:38,390

138
00:05:38,390 --> 00:05:41,930
>> TOMAS REIMERS: تو چلو
قسم یہ ویچرچھیدن کرنا.

139
00:05:41,930 --> 00:05:44,210
لہذا آپ کو شروع کرنے کے لئے کرنا چاہتے ہیں
یہاں سلیکٹر کے ساتھ؟

140
00:05:44,210 --> 00:05:45,979
>> یلیسن BUCHHOLTZ-AU: جی ہاں.

141
00:05:45,979 --> 00:05:48,270
میں نے پہلے کہہ رہا تھا، جسم
یہاں صرف ہمارے سلیکٹر ہے.

142
00:05:48,270 --> 00:05:50,950
تاکہ ہم اپنے index-- ھ میں واپس جانا تو.

143
00:05:50,950 --> 00:05:53,245
>> TOMAS REIMERS: میں صرف میں بند ہونے والی.

144
00:05:53,245 --> 00:05:54,530
مجھے ایک دوسری دو.

145
00:05:54,530 --> 00:05:58,286
اتنی ہے index.html،، اوپن فائل.

146
00:05:58,286 --> 00:05:59,410
یلیسن BUCHHOLTZ-AU: اتارنا.

147
00:05:59,410 --> 00:06:02,710
یہاں تو محسوس تو، ہم
حق، ان کے جسم کے ٹیگز ہے؟

148
00:06:02,710 --> 00:06:06,270
تاکہ سلیکٹر صرف کرنے کے مساوی ہے
ہم کے بارے میں بات کر رہے ہیں کہ ٹیگ.

149
00:06:06,270 --> 00:06:07,670
یہیں جسم اتنا.

150
00:06:07,670 --> 00:06:10,315
تو جو ہم کہہ رہے ہیں ہے
سب کچھ ہم واپس جا سکتے ہیں؟

151
00:06:10,315 --> 00:06:12,065
میں میں صرف کر سکتا ہوں
طرح کی سکرین کو چھو.

152
00:06:12,065 --> 00:06:14,410
یہ تو بہت ٹھنڈے ہو جائے گا.

153
00:06:14,410 --> 00:06:17,150
>> ان لوگوں کے اندر تو کچھ
ہم نے دیکھا جس کے جسم کے ٹیگ،

154
00:06:17,150 --> 00:06:19,637
، صرف، طرح، متن تھا
اور عام طور پر جسم

155
00:06:19,637 --> 00:06:20,970
، طرح، کے پس منظر سے مراد ہے.

156
00:06:20,970 --> 00:06:22,720
کیا تم نے کبھی کرنا چاہتے ہیں تو
پس منظر تبدیل،

157
00:06:22,720 --> 00:06:25,090
کہ ایک جسم ٹیگ میں ہونے جا رہا ہے.

158
00:06:25,090 --> 00:06:27,120
بس ان پر لاگو کیا ہے ان قوانین ہیں.

159
00:06:27,120 --> 00:06:32,040
>> اگر ایسا ہے تو ہم پر جانے کے لئے تھے
سے index.html and-- اصل میں،

160
00:06:32,040 --> 00:06:33,840
ہم کچھ بھی ہو سکتا ہے
جسم کے باہر؟

161
00:06:33,840 --> 00:06:37,340
اگر ہم نے، طرح، ایک فوٹر یا
کچھ، یہ اس پر لاگو نہیں ہو گی.

162
00:06:37,340 --> 00:06:40,900
لیکن اندر کچھ بھی
ان کے جسم کے ٹیگ کی جا رہی ہے

163
00:06:40,900 --> 00:06:44,960
اس کے جسم سے متاثر ہونے کا
کہ ہم نے کیا سلیکٹر.

164
00:06:44,960 --> 00:06:47,405
آپ کو ٹائپ کرنے تھے تو
کچھ اور وہاں

165
00:06:47,405 --> 00:06:49,400
>> TOMAS REIMERS: چلو کہ گھر چلانے کرو.

166
00:06:49,400 --> 00:06:55,330
اگر تو وہ ہے تو ہم ایک div-- دیکھا گیا
آپ کر سکتے ہیں صرف ایک اور ٹیگ.

167
00:06:55,330 --> 00:06:56,350
میں نے اسے بند کرنے جا رہا ہوں.

168
00:06:56,350 --> 00:06:58,280
یا یہ ایک پیراگراف بنانے کے لئے ہیں.

169
00:06:58,280 --> 00:07:01,430
تاکہ پی پیراگراف کے لئے کھڑا ہے.

170
00:07:01,430 --> 00:07:02,560
اور یہ کہ پیراگراف کے اندر اندر.

171
00:07:02,560 --> 00:07:05,650
اور پھر میں نے کہا کہ "یہ متن ہے."، کا کہنا ہے کہ

172
00:07:05,650 --> 00:07:06,369
ٹھنڈا.

173
00:07:06,369 --> 00:07:09,160
اور پھر میں اس قاعدے کا اطلاق بنایا
بجائے اس کے جسم کے ایک پیراگراف.

174
00:07:09,160 --> 00:07:12,390

175
00:07:12,390 --> 00:07:17,320
آپ کو یہ صرف پر لاگو ہوتا ہے ہے کہ کس طرح نظر آئے گا
نو تشکیل شدہ پیراگراف، دائیں،

176
00:07:17,320 --> 00:07:18,892
پوری بات نہیں ہے.

177
00:07:18,892 --> 00:07:20,090
کہ عقل مندی ہے؟

178
00:07:20,090 --> 00:07:21,840
>> یلیسن BUCHHOLTZ-AU:
تو یہ سب جسم ہے،

179
00:07:21,840 --> 00:07:24,450
لیکن اب ہمارے سلیکٹر نے صرف
پیراگراف کے مساوی ہے.

180
00:07:24,450 --> 00:07:27,050
تو ہم صرف جرات مندانہ اور نیلے رنگ ہے
اس مخصوص پیراگراف کے لئے،

181
00:07:27,050 --> 00:07:30,760
یہ صرف ایک ہی چیز ہے کیونکہ
کہ P ٹیگ کے اندر اندر منسلک کیا جاتا ہے.

182
00:07:30,760 --> 00:07:35,349
>> TOMAS REIMERS عتبار احساس ہے کہ ہے
کی کس طرح چیزوں کو دوسری چیزوں encapsulate کر؟

183
00:07:35,349 --> 00:07:38,140
یلیسن BUCHHOLTZ-AU: اس کے علاوہ، صرف
، طرح، بہترین طریقوں میں سے ایک کا کہنا ہے

184
00:07:38,140 --> 00:07:40,889
واقعی سی ایس ایس کے ساتھ آرام دہ حاصل کرنے کے لئے
صرف اس طرح کام کرنے جاتا ہے،

185
00:07:40,889 --> 00:07:42,050
صرف اسے باہر کرنے کی کوشش.

186
00:07:42,050 --> 00:07:46,700
یہ کچھ ٹائپ کرنا بہت آسان ہے
باہر، تروتازہ مارا، اور دیکھتے ہیں کیا.

187
00:07:46,700 --> 00:07:48,940
اور سب سے زیادہ کاوچ سرفنگ کے ساتھ کے طور پر،
تجربات اکثر سکتے ہیں

188
00:07:48,940 --> 00:07:51,790
ایک زیادہ بہتر کی قیادت کریں
بدیہی تفہیم.

189
00:07:51,790 --> 00:07:54,432
سے بھی زیادہ تو ہم سے صرف یہ،
کی طرح، آپ سے بات کر.

190
00:07:54,432 --> 00:07:58,350
>> TOMAS REIMERS: بالکل
100٪ اس بات پر متفق ہوں.

191
00:07:58,350 --> 00:08:02,430
ہم اس کے واپس جانا اگر ایسا ہے، شروع کرتے ہیں
ان دونوں کرتے ہیں بالکل وہی جو ٹکڑے کردیئے.

192
00:08:02,430 --> 00:08:04,550
تو ہم اس پر دو قوانین ہیں.

193
00:08:04,550 --> 00:08:07,420
تو سب سے پہلے پس منظر کا رنگ ہے.

194
00:08:07,420 --> 00:08:10,590
اور آپ کو ہم یہ مقرر کیا ہے کہ دیکھیں
ایک قدر، ہلکے نیلے رنگ کے برابر.

195
00:08:10,590 --> 00:08:15,009
>> لہذا سی ایس ایس میں، سی ایس ایس طرح ہے
کس طرح کے بارے میں بہت ڈھیلے

196
00:08:15,009 --> 00:08:16,300
آپ رنگ کی وضاحت کرنے کی اجازت دی کر رہے.

197
00:08:16,300 --> 00:08:17,800
تو اگر آپ کے نام سے ان کی وضاحت کر سکتے.

198
00:08:17,800 --> 00:08:20,650
آپ بھی ایسا کچھ کر سکتی "سرخ."

199
00:08:20,650 --> 00:08:25,270
اور ہم اس کے لئے واپس جانا تو ہے تو،
آپ کو پس منظر سرخ ہے کہ نظر آئے گا.

200
00:08:25,270 --> 00:08:29,040
آپ یہ بھی میں نے آپ کو لگتا ہے کہ واقعی حاصل کر سکتے ہیں
اس کے ساتھ خوبصورت تخلیقی حاصل کر سکتے ہیں،

201
00:08:29,040 --> 00:08:29,540
تم نہیں کر سکتے؟

202
00:08:29,540 --> 00:08:31,170
>> یلیسن BUCHHOLTZ-AU: میں
آپ ہیکس استعمال کر سکتے ہیں لگتا ہے کہ.

203
00:08:31,170 --> 00:08:31,250
تم نہیں کر سکتے؟

204
00:08:31,250 --> 00:08:32,083
>> TOMAS REIMERS: جی ہاں.

205
00:08:32,083 --> 00:08:32,969
تو کیا تم ہیکس استعمال کر سکتے ہیں.

206
00:08:32,969 --> 00:08:34,490
لیکن مجھے نام وار سوچ رہا ہوں.

207
00:08:34,490 --> 00:08:35,385
نہیں ہیں؟

208
00:08:35,385 --> 00:08:37,260
یلیسن BUCHHOLTZ-AU:
تم نے بہت کچھ کیا کر سکتے ہیں.

209
00:08:37,260 --> 00:08:43,350
سب سے زیادہ رنگوں کی طرح بہت زیادہ ہے کہ آپ کو
جیسے name-- سکتے ہیں، میں سامن ایک ہے.

210
00:08:43,350 --> 00:08:45,322
>> TOMAS REIMERS: ہمیں کوشش کرتا سامن ہیں.

211
00:08:45,322 --> 00:08:47,530
یلیسن BUCHHOLTZ-AU: میں
chartreuse وہاں میں ہے لگتا ہے کہ.

212
00:08:47,530 --> 00:08:48,050
TOMAS REIMERS: جی ہاں.

213
00:08:48,050 --> 00:08:48,550
دیکھ رہے ہو؟

214
00:08:48,550 --> 00:08:50,080
تو کیا تم خوبصورت تخلیقی حاصل کر سکتے ہیں.

215
00:08:50,080 --> 00:08:52,246
>> یلیسن BUCHHOLTZ-AU: آپ
خوبصورت تخلیقی مل سکے.

216
00:08:52,246 --> 00:08:55,750
کی طرح، آپ سوچ سکتے ہیں کہ اگر
رنگین نام، یہ وہاں میں شاید ہے.

217
00:08:55,750 --> 00:08:57,840
تم واقعی میں ٹھیک چاہتے ہیں تو
تفصیل سے، آپ ہیکس جا سکتے ہیں.

218
00:08:57,840 --> 00:08:58,673
>> TOMAS REIMERS: جی ہاں.

219
00:08:58,673 --> 00:08:59,390
تاکہ شش اعشاری.

220
00:08:59,390 --> 00:09:05,280
تم لوگ اس کو واپس یاد ہے
اپنے پرانے pset سے، تصویر کی وصولی،

221
00:09:05,280 --> 00:09:08,300
تم لوگوں کو نمٹنے کے لئے تھا
ان ہیکس اقدار کے ساتھ.

222
00:09:08,300 --> 00:09:15,280
اور طرح کے، یہ ہے کہ کیا recap کرنے
ہیکس اس میں اکٹھا تین اقدار ہے.

223
00:09:15,280 --> 00:09:17,250
تو یہ دو increments کے گروپوں میں ہے.

224
00:09:17,250 --> 00:09:19,300
پہلے دو سرخ قیمت کی نمائندگی.

225
00:09:19,300 --> 00:09:22,420
دوسرا ایک کی نمائندگی کرتا ہے
سبز قدر.

226
00:09:22,420 --> 00:09:25,020
اور آخری ایک نیلا ہے؟

227
00:09:25,020 --> 00:09:30,050
>> تاکہ FF نمائندگی ہوتا
ایک شش اعشاری 255.

228
00:09:30,050 --> 00:09:35,480
تو اگر آپ 255 سرخ، 255 ہے
نیلے رنگ کے لئے سبز، اور 0.

229
00:09:35,480 --> 00:09:37,670
اور اقدار 0 اور 255 کے درمیان تک.

230
00:09:37,670 --> 00:09:38,350
>> سامعین: فی.

231
00:09:38,350 --> 00:09:41,472
تو بنیادی طور پر، ہم تلاش کر سکتے
ہم چاہتے ہیں کسی بھی رنگ کے لئے انٹرنیٹ،

232
00:09:41,472 --> 00:09:43,912
اور اصل میں، نام سے جانا جاتا شناخت میں
رنگ سپیکٹرم طومار،

233
00:09:43,912 --> 00:09:45,130
اور پھر ہم نے اس میں ڈال سکتے ہیں؟

234
00:09:45,130 --> 00:09:46,380
یلیسن BUCHHOLTZ-AU: بالکل.

235
00:09:46,380 --> 00:09:52,900
لہذا اگر آپ کو بہت زیادہ مکمل کنٹرول ہے
رنگ پر آپ سی ایس ایس کے اندر اندر چاہتے ہیں.

236
00:09:52,900 --> 00:09:55,069
ہم کے بارے میں بات کرنے کے لئے جا رہے ہیں
پس منظر کی تصاویر بعد میں؟

237
00:09:55,069 --> 00:09:56,110
یا ہم ایسا کرنا چاہتے ہیں؟

238
00:09:56,110 --> 00:09:56,240
>> TOMAS REIMERS: جی ہاں.

239
00:09:56,240 --> 00:09:57,010
بالکل.

240
00:09:57,010 --> 00:10:00,830
تو سب سے پہلے، صرف یہ دکھانے کے لئے
سرخ اور سبز رنگ زرد ہوتا ہے.

241
00:10:00,830 --> 00:10:03,120
اور آپ کو کچھ ضرورت ہو تو
اس کو تلاش کرنے میں مدد، کیا تم

242
00:10:03,120 --> 00:10:05,575
گوگل کچھ کر سکتا ہے
"رنگ چنندہ." جیسے

243
00:10:05,575 --> 00:10:07,200
یلیسن BUCHHOLTZ-AU: اوہ، یہ تو اچھی بات ہے.

244
00:10:07,200 --> 00:10:09,090
میں رنگ چنندہ سے محبت کرتا ہوں.

245
00:10:09,090 --> 00:10:11,360
>> TOMAS REIMERS: colorpicker.com
ایک اچھی مثال ہے.

246
00:10:11,360 --> 00:10:14,580
اور یہاں، آپ کو کہ آپ کو نظر آئے گا
ایک مکمل فوٹوشاپ کی طرح رنگ چنندہ.

247
00:10:14,580 --> 00:10:14,920
>> یلیسن BUCHHOLTZ-AU: ملی میٹر-HM.

248
00:10:14,920 --> 00:10:16,980
اس کے علاوہ، ٹھنڈی چیزیں آپ کر رہے ہیں
رنگ کے منصوبوں کو پیدا کر سکتے ہیں

249
00:10:16,980 --> 00:10:18,896
آپ کی ضرورت نہیں ہے، تا کہ،
کی طرح، رنگ clashing کے.

250
00:10:18,896 --> 00:10:22,780
TOMAS REIMERS: اور پھر
یہاں اور یہاں ہیکس قیمت منحصر ہے.

251
00:10:22,780 --> 00:10:27,800
لہذا آپ کو ہمیشہ بنیادی طور پر آن لائن حاصل کر سکتے ہیں
مقامات سے ہیکس قیمت حاصل کرنے کے لئے.

252
00:10:27,800 --> 00:10:31,667
یہ، کی طرح، یہ صرف کی طرح نہیں ہے کہ ہم
تعداد میں دنیا کے سب رنگ دیکھ.

253
00:10:31,667 --> 00:10:34,000
یہ ہم نے آن لائن جانے ہیں زیادہ ہے
اور، ہم کیا چاہتے ہیں رنگ کو تلاش

254
00:10:34,000 --> 00:10:36,850
اور پھر نمبر نیچے لے.

255
00:10:36,850 --> 00:10:39,590
یہ صرف ایک واقعی بہت آسان ہے کیونکہ
راستہ CS میں چیزوں کا حوالہ کرنے.

256
00:10:39,590 --> 00:10:40,350
>> یلیسن BUCHHOLTZ-AU:
اور پھر also-- وہاں ہے

257
00:10:40,350 --> 00:10:41,630
میں نے ویب سائٹ کے عین مطابق نام بھول جاتے ہیں.

258
00:10:41,630 --> 00:10:43,838
لیکن، ضرور ہے کہ میں
، ایڈوب سے کچھ سوچتے ہیں

259
00:10:43,838 --> 00:10:48,350
کہ، آپ کے لئے رنگ کے منصوبوں کو پیدا کرتا ہے
جس میں، بہت ٹھنڈا ہے آپ کی وجہ سے

260
00:10:48,350 --> 00:10:50,580
definitely-- یہ کبھی کبھی ہے
معلوم کرنا مشکل،

261
00:10:50,580 --> 00:10:53,729
اوہ، میں نے یہ رنگ استعمال کرنا چاہتے ہیں،
کیا ایک اور مفید ایک ہو سکتا ہے

262
00:10:53,729 --> 00:10:56,395
کرنے کے لئے میری ویب سائٹ پر دوسری جگہوں پر استعمال کرنے کے لئے،
کی طرح، یہ اچھا اور مر بوط بنانے.

263
00:10:56,395 --> 00:11:00,430

264
00:11:00,430 --> 00:11:04,260
>> TOMAS REIMERS: یلیسن کے بارے میں بات
ایڈوب ایک کرکے Kuler کے بلایا، مجھے لگتا ہے.

265
00:11:04,260 --> 00:11:04,885
یہ K-U-L-E-R ہے.

266
00:11:04,885 --> 00:11:06,259
یلیسن BUCHHOLTZ-AU: میرا خیال.

267
00:11:06,259 --> 00:11:07,610
میں نے اس سے ایک ہے یقین ہے.

268
00:11:07,610 --> 00:11:11,050
>> TOMAS REIMERS: میری پسندیدہ ہے
ہمیشہ رنگ سکیم ڈیزائنر گیا.

269
00:11:11,050 --> 00:11:13,998
>> یلیسن BUCHHOLTZ-AU: ؤہ.

270
00:11:13,998 --> 00:11:16,010
>> TOMAS REIMERS: now-- کون سا ہے

271
00:11:16,010 --> 00:11:16,860
>> یلیسن BUCHHOLTZ-AU:
آہ، یہ خوبصورت ہے.

272
00:11:16,860 --> 00:11:18,818
>> TOMAS REIMERS: اور تم
بنیادی طور پر کی طرح، کہہ سکتے ہیں،

273
00:11:18,818 --> 00:11:21,700
میں نے ایک دوسرے سے اگلے تین رنگوں چاہتے ہیں.

274
00:11:21,700 --> 00:11:25,030
اور پھر کچھ اچھا کرتے ہیں.

275
00:11:25,030 --> 00:11:29,210
اور اس کے بعد آپ کو ایک مثال حاصل کر سکتے ہیں
اس طرح نظر ہو سکتا ہے کے.

276
00:11:29,210 --> 00:11:32,470
اور اس کے بعد تم میں سے کسی کے اوپر ہوور تو
ان میں، یہ آپ ہیکس قیمت فراہم کرتا ہے.

277
00:11:32,470 --> 00:11:35,010
>> تو صرف ایک اچھا طریقہ کے طور پر شروع کرنے کے لئے
رنگ کے منصوبوں کے بارے میں سوچ

278
00:11:35,010 --> 00:11:39,570
ایک ویب سائٹ میں یا جو رنگ
اچھی طرح مل کر جا سکتا ہے.

279
00:11:39,570 --> 00:11:45,655
کہ حیرت کی بات ہو سکتا ہے کیونکہ
آپ کو لگتا ہے کے طور پر آسان نہیں لینے کے لئے.

280
00:11:45,655 --> 00:11:48,280
اور پھر دوسرے ٹھنڈی چیز
میں نے ہمیشہ اس سائٹ کے بارے میں پتہ چلا ہے

281
00:11:48,280 --> 00:11:51,480
آپ مثال کے طور پر مارا، یہ کریں گے
کیسی مثال قائم کی ویب سائٹ کو دکھانے کے

282
00:11:51,480 --> 00:11:54,800
کہ رنگ منصوبہ کا استعمال کرتے ہوئے کی طرح نظر کر سکتے ہیں.

283
00:11:54,800 --> 00:11:56,270
ویسے بھی.

284
00:11:56,270 --> 00:11:57,863
>> پیچھے اگلا، اصل سی ایس ایس کرنے کے لئے.

285
00:11:57,863 --> 00:12:01,112
یلیسن BUCHHOLTZ-AU: لیکن ظاہر ہے، ہم
ان ریفرنسز مفید ہو سکتا ہے.

286
00:12:01,112 --> 00:12:03,195
TOMAS REIMERS: نہیں، وہ
یقینی طور پر مددگار ثابت ہو سکتا.

287
00:12:03,195 --> 00:12:04,720
دوسرا قاعدہ، یلیسن تو؟

288
00:12:04,720 --> 00:12:05,844
>> یلیسن BUCHHOLTZ-AU: جی ہاں.

289
00:12:05,844 --> 00:12:08,280
دوسرا قاعدہ صرف ہے
ہمارے فونٹ پر اسی.

290
00:12:08,280 --> 00:12:11,520
تو فونٹ وزن صرف قسم ہے
of-- تو وزن کریں گے

291
00:12:11,520 --> 00:12:15,220
آپ کی طرح، صرف یہ چاہتا ہوں کہ اگر ہو،
عام یا، کی طرح، پتلا ہوتا فونٹس،

292
00:12:15,220 --> 00:12:17,251
یا اس کیس میں، جیسے، جرات مندانہ.

293
00:12:17,251 --> 00:12:17,750
میں بھول.

294
00:12:17,750 --> 00:12:21,557
اگر تم چاہتے تھے اسے وہاں ہے کیا ہے
معمول، طرح، صرف سے ایک پتلی سی والی؟

295
00:12:21,557 --> 00:12:24,140
TOMAS REIMERS: میں نے اصل میں ایسا نہیں کرتے
ایک پتلی ایک ہے تو میں جاننا.

296
00:12:24,140 --> 00:12:24,680
یلیسن BUCHHOLTZ-AU: میں بھول جاتے ہیں.

297
00:12:24,680 --> 00:12:26,300
تاکہ فونٹ کا وزن عام طور پر ہم
بالکل اسی جرات مندانہ کے لئے استعمال.

298
00:12:26,300 --> 00:12:29,010
آپ میں واقعی حاصل کرنا چاہتے ہیں
یہ ہم آپ کو دکھانے کے لئے جا رہے ہیں.

299
00:12:29,010 --> 00:12:34,317
w3schools کی تمام مختلف ہے
چیزیں آپ کو فونٹس کے لئے کیا کر سکتے ہیں.

300
00:12:34,317 --> 00:12:36,900
لیکن بنیادی طور پر، کیا آپ نے کبھی چاہتے ہیں تو
فونٹ کے بارے میں کچھ بھی تبدیل کرنے،

301
00:12:36,900 --> 00:12:39,330
یہ ہمیشہ، ہونے جا رہا ہے
کی طرح، فونٹ کچھ.

302
00:12:39,330 --> 00:12:43,450
اگر آپ نہیں ہیں تو تو یہ، فونٹ خاندان کی طرح ہو جائے گا
اصل کی قسم کو تبدیل کرنے کی کوشش کر.

303
00:12:43,450 --> 00:12:47,390
یہ آپ کو ہے تو فونٹ سٹائل ہوں گے
رواں خط کی طرح اسے بنانے کے لئے چاہتے،

304
00:12:47,390 --> 00:12:49,710
یا ترچھے حروف، یا whatnot.

305
00:12:49,710 --> 00:12:53,570
یا اس سے بھی فونٹ کا رنگ، اگر
ہم اس کو تبدیل کرنا چاہتے تھے.

306
00:12:53,570 --> 00:12:55,621
>> TOMAS REIMERS: جی ہاں.

307
00:12:55,621 --> 00:12:56,925
تو تم نے اس کو تبدیل کر سکتے ہیں.

308
00:12:56,925 --> 00:12:59,360
اور طرح کے صرف کرنے کے لئے
اب recap ہے، آپ کر سکتے ہیں تاکہ

309
00:12:59,360 --> 00:13:01,400
ہم یہاں سلیکٹر اپ ہے دیکھیں.

310
00:13:01,400 --> 00:13:03,000
ہم ان گھوبگھرالی منحنی خطوط وحدانی ہے.

311
00:13:03,000 --> 00:13:06,735
اور پھر ہم قوانین ہیں
وقف ناقص طرف سے محدود.

312
00:13:06,735 --> 00:13:08,100
کہ عقل مندی ہے؟

313
00:13:08,100 --> 00:13:09,130
جی ہاں؟

314
00:13:09,130 --> 00:13:10,500
ٹھنڈا.

315
00:13:10,500 --> 00:13:13,200
تو ہے کہ good-- ہے اگر

316
00:13:13,200 --> 00:13:14,424
>> یلیسن BUCHHOLTZ-AU: واپس.

317
00:13:14,424 --> 00:13:17,590
TOMAS REIMERS: چلو خاص طور پر بات کرتے ہیں
سلیکٹرز کے کس طرح کے بارے میں ہمارے پاس ہے.

318
00:13:17,590 --> 00:13:19,790
'ٹھیک ہے اب ہم نے کی وجہ سے
ترتیب دیں کے صرف ٹیگز دکھایا گیا.

319
00:13:19,790 --> 00:13:21,696
لیکن تم لوگوں کو اس ممکنہ دیکھ سکتا تھا.

320
00:13:21,696 --> 00:13:23,570
آپ دو پیرا ہے کا کہنا ہے
ایک صفحہ اور تم پر

321
00:13:23,570 --> 00:13:26,087
سٹائل کے قابل بننا چاہتا ہوں
ایک لیکن دوسرے نہیں،

322
00:13:26,087 --> 00:13:29,170
آپ کو صرف اپنے آپ کو محدود نہیں کرنا چاہتا
مختلف اصل HTML استعمال کرنے کے لئے کی ضرورت کے لئے

323
00:13:29,170 --> 00:13:33,410
ٹیگز کو ان کے مختلف شیلیوں کو دینے کے لئے.

324
00:13:33,410 --> 00:13:35,995
>> تو ہم نے بنیادی تین ہیں
سلیکٹرز کی اقسام.

325
00:13:35,995 --> 00:13:37,120
یلیسن BUCHHOLTZ-AU: جی ہاں.

326
00:13:37,120 --> 00:13:39,828
تو ہم نے کیا ہے جس میں، ٹیگ ہے
ہم ابھی کے بارے میں بات کر رہے ہیں.

327
00:13:39,828 --> 00:13:42,430
اس طرح اس طرح آپ کے جسم یا پی کی طرح ہے.

328
00:13:42,430 --> 00:13:46,280
اور پھر ہم جو ہے، کلاس ہے
ہم اپنی سی ایس ایس فائل میں اس کی وضاحت کرتے وقت،

329
00:13:46,280 --> 00:13:49,907
یہ ہمیشہ ڈاٹ جا رہا ہے، جو کچھ بھی
اگر آپ اپنی کلاس کے نام بننا چاہتا ہوں.

330
00:13:49,907 --> 00:13:51,490
اور یہ ایک سے زیادہ چیزوں پر لاگو کر سکتے ہیں.

331
00:13:51,490 --> 00:13:54,610

332
00:13:54,610 --> 00:13:57,610
>> آپ کو پانچ پیرا ہے کا کہنا ہے
اور ان میں سے تین میں سے دو

333
00:13:57,610 --> 00:14:00,580
اسی سٹائل کروانے جا کرنے کی ضرورت ہے،
آپ کو اس کی ایک کلاس لاگو ہوں گے.

334
00:14:00,580 --> 00:14:03,040
اور یہ ہمیں ایسا صرف طریقہ ہے.

335
00:14:03,040 --> 00:14:05,600
ہم نے تم میں ایک مثال دیتا ہوں
جہاں یہ اصل میں ظاہر کرتا ہے.

336
00:14:05,600 --> 00:14:11,030
لیکن آپ کو شاید کچھ ٹیگ تھا تو
P، اس کے بعد، آپ کو، لکھنے گی

337
00:14:11,030 --> 00:14:14,170
کلاس جو بھی کلاسوں کے برابر ہے
آپ اس پر لاگو کرنا چاہتے ہیں.

338
00:14:14,170 --> 00:14:19,280
ہم چاہتے ہیں تاکہ جو کچھ بھی طبقے سلیکٹرز
اس مخصوص پیراگراف پر لاگو کرنا،

339
00:14:19,280 --> 00:14:21,300
ہم صرف اس طرح لکھ سکتے تھے.

340
00:14:21,300 --> 00:14:24,080
بالکل، میں ایک مثال سوچتے ہیں
یہ بہت زیادہ ٹھوس بنا دیں گے.

341
00:14:24,080 --> 00:14:27,270
>> ہمارے پاس ایک دوسرے کا
ID ہم مطلع کرنا ہے، جس میں ہے

342
00:14:27,270 --> 00:14:29,707
ایک ہیش، یا پاؤنڈ، یا hashtag کے ساتھ.

343
00:14:29,707 --> 00:14:30,790
TOMAS REIMERS: Octothorpe.

344
00:14:30,790 --> 00:14:32,430
یلیسن BUCHHOLTZ-AU: Octothorpe.

345
00:14:32,430 --> 00:14:34,550
وہ بھی، کام کرتا ہے.

346
00:14:34,550 --> 00:14:36,640
اور یہ ایک واقعی منفرد ہونا چاہئے.

347
00:14:36,640 --> 00:14:39,880
وہ صرف کرنے کی درخواست دینی چاہیے
اپنے صفحے پر ایک بات.

348
00:14:39,880 --> 00:14:43,820
کہ ایک مخصوص پیراگراف ہے تو چاہے،
یا کسی ایک کی فہرست میں شے، یا جو بھی،

349
00:14:43,820 --> 00:14:45,090
اس منفرد ہونا چاہئے.

350
00:14:45,090 --> 00:14:48,730
اور اسی طرح میں کہ ہم صرف
، کا کہنا ہے کہ کی طرح، کلاس = "class1 CLASS2،"

351
00:14:48,730 --> 00:14:51,577
یہ صرف ہمارے پاس ہے جو کچھ بھی آئی ڈی سے ہو سکتا ہے.

352
00:14:51,577 --> 00:14:52,410
TOMAS REIMERS: جی ہاں.

353
00:14:52,410 --> 00:14:54,330
تو چلو ضرور بات کریں
یہاں مثالیں کے بارے میں.

354
00:14:54,330 --> 00:14:58,170
اور میں صرف کودو جا رہا ہوں
براہ راست واپس کوڈ میں.

355
00:14:58,170 --> 00:15:02,090
لہذا اپنی HTML کو دیکھو.

356
00:15:02,090 --> 00:15:03,960
اور اس طرح ہم ابھی ایک پیراگراف ہے.

357
00:15:03,960 --> 00:15:05,510
یہ متن ہے.

358
00:15:05,510 --> 00:15:09,151
میں نے ابھی ابھی نظر ثانی کرنے والا ہوں
یہ. "یہ متن 1. ہے"

359
00:15:09,151 --> 00:15:11,150
اور پھر ہم کرنے جا رہے ہیں
پاس ایک "یہ متن ہے 2."

360
00:15:11,150 --> 00:15:12,525
>> یلیسن BUCHHOLTZ-AU: دوسرا ایک.

361
00:15:12,525 --> 00:15:13,540
TOMAS REIMERS: جی ہاں.

362
00:15:13,540 --> 00:15:16,810
تو کیا اب ہم نے اس کا حق "یہ متن 2، ہے"؟

363
00:15:16,810 --> 00:15:21,560
اور ہم دوبارہ لوڈ کرتا ہے تو یہ دیکھ کر جا رہے ہیں
صفحہ، جو ہم تلاش کرنے کے لئے جا رہے ہیں

364
00:15:21,560 --> 00:15:23,067
ہم جا رہے ہیں ہے find--

365
00:15:23,067 --> 00:15:24,150
یلیسن BUCHHOLTZ-AU: ؤہ.

366
00:15:24,150 --> 00:15:24,983
TOMAS REIMERS: جی ہاں.

367
00:15:24,983 --> 00:15:27,570
ہم نے ایک "اس کا ہے تلاش کرنے کے لئے جا رہے ہیں
متن 1، "اور" اس "ٹیکسٹ 2. ہے

368
00:15:27,570 --> 00:15:28,650
>> یلیسن BUCHHOLTZ-AU: اور
باہر خوبصورت پیلے رنگ کا.

369
00:15:28,650 --> 00:15:31,066
>> TOMAS REIMERS: اور آپ کو نظر آئے گا
، ابھی ہماری سلیکٹر کہ

370
00:15:31,066 --> 00:15:34,940
جس میں پی کی پر لاگو ہوتا ہے، یا
پیرا، ان دونوں کو متاثر کرتی ہے،

371
00:15:34,940 --> 00:15:38,700
ان دونوں سے ملنے کی وجہ سے
شرط ہے کہ وہ ایک P ٹیگ دونوں ہیں کہ.

372
00:15:38,700 --> 00:15:40,360
کہ کل سمجھ میں آتا ہے.

373
00:15:40,360 --> 00:15:43,340
تو سوال یہ اچھی طرح سے، ہے، ہے کیا
ہم چاہتے تھے تو صرف ایک ہی ملتا ہے؟

374
00:15:43,340 --> 00:15:46,350
تو بالکل یلیسن کہہ رہا تھا کی طرح،
ہم ایسا کرنے کے دو دیگر طریقے ہیں.

375
00:15:46,350 --> 00:15:47,320
میں نے شناخت کے ساتھ شروع کرنے کے لئے جا رہا ہوں.

376
00:15:47,320 --> 00:15:48,405
>> یلیسن BUCHHOLTZ-AU:
کی شناخت کے ساتھ شروع کرتے ہیں.

377
00:15:48,405 --> 00:15:50,405
>> TOMAS REIMERS: اور دونوں کا
ان کی صفات ہیں.

378
00:15:50,405 --> 00:15:53,200
اتنی صفات ایچ ٹی ایم ایل میں موجود ہیں.

379
00:15:53,200 --> 00:15:55,600
اور جو کچھ وہ کر رہے ہیں ہے
آپ شامل ہے کہ کچھ کے

380
00:15:55,600 --> 00:15:58,840
ہے جس کے ٹیگ کے اندر
ٹیگ کا نام سے الگ.

381
00:15:58,840 --> 00:16:01,301
تو اگر آپ ایک سے زیادہ خصوصیت کر سکتے ہیں.

382
00:16:01,301 --> 00:16:01,800
جی ہاں؟

383
00:16:01,800 --> 00:16:03,950
>> یلیسن BUCHHOLTZ-AU: میں صرف جا رہا تھا
7 pset کے کی طرف سے آپ مثال سے، کیا کہنا،

384
00:16:03,950 --> 00:16:06,650
تم میں سے کسی کی سیدھ میں کرنے کی کوشش کریں تو
مرکز کے لئے چیزیں،

385
00:16:06,650 --> 00:16:08,550
آپ نے استعمال کی ہے ہو سکتا ہے
"متن = مرکز سیدھ کریں."

386
00:16:08,550 --> 00:16:10,550
اور آپ شاید یہ محسوس
مرکوز کرنا چاہیے تھا

387
00:16:10,550 --> 00:16:12,650
اپنے متن یا آپ نیویگیشن بار.

388
00:16:12,650 --> 00:16:15,499
تو یہ صرف بھی ایک وصف ہے
تم اس سے واقف ہو سکتا ہے.

389
00:16:15,499 --> 00:16:18,040
TOMAS REIMERS: ایک گروپ ہے
کی آپ دیکھیں گے کہ صفات.

390
00:16:18,040 --> 00:16:18,539
جی ہاں.

391
00:16:18,539 --> 00:16:21,250
7 pset کے لئے اچھا ریفرنس کی طرح.

392
00:16:21,250 --> 00:16:23,150
ہم ID ہے.

393
00:16:23,150 --> 00:16:25,080
آپ یہ بھی ہو سکتا ہے
کلاس، اس طرح کی باتیں.

394
00:16:25,080 --> 00:16:27,250
ایک ٹیگ ہے بہت خصوصیت کر سکتے ہیں.

395
00:16:27,250 --> 00:16:33,140
تاکہ ID کے ساتھ شروع ہونے والے، چلو ہم ڈرامہ
مجھے نہیں معلوم of-- ایک شناختی ہے کرنا چاہتے ہیں.

396
00:16:33,140 --> 00:16:35,140
ہم خاص اس کو بلاتا ہوں
اس میں سے ایک کی وجہ سے، ہم ہیں

397
00:16:35,140 --> 00:16:37,867
جرات مندانہ بنانے کے لئے جا، اور
خط کشیدہ، اور جو کچھ بھی.

398
00:16:37,867 --> 00:16:39,950
یلیسن BUCHHOLTZ-AU: یہ ہے
ے والا سپر خصوصی ہو.

399
00:16:39,950 --> 00:16:42,360
TOMAS REIMERS: تو یہ
ایک، ہم ID خاص ہیں.

400
00:16:42,360 --> 00:16:48,140
جس طرح کہ منتخب کرنے کے لئے ایسا ہے، تو پھر، ہے
main.css میں، ایک پی ٹیگ بجائے،

401
00:16:48,140 --> 00:16:51,500
تم ٹھیک، #special کرتے ہیں؟

402
00:16:51,500 --> 00:16:55,538
اور یہ کہ منتخب کرتا ہے
ID خصوصی کے ساتھ بات.

403
00:16:55,538 --> 00:16:57,295
یہ ہر کسی کو احساس ہے؟

404
00:16:57,295 --> 00:16:57,920
سامعین: جی ہاں.

405
00:16:57,920 --> 00:16:59,110
TOMAS REIMERS: اتارنا.

406
00:16:59,110 --> 00:17:04,440
تو اب ہم واپس جاؤ،
ہم افوہ see-- لیں گے.

407
00:17:04,440 --> 00:17:06,240
جی ہاں.

408
00:17:06,240 --> 00:17:09,460
ہم دیکھیں گے کہ یہ صرف منتخب
ID خصوصی کے ساتھ ایک.

409
00:17:09,460 --> 00:17:10,622
جی ہاں؟

410
00:17:10,622 --> 00:17:11,900
ٹھنڈا لگتا.

411
00:17:11,900 --> 00:17:12,570
جی ہاں.

412
00:17:12,570 --> 00:17:15,456
>> سامعین: کچھ ایک دوا مل سکتی ہے
دونوں طبقے اور ایک ID کی منسوب ہے؟

413
00:17:15,456 --> 00:17:16,359
>> TOMAS REIMERS: جی ہاں.

414
00:17:16,359 --> 00:17:16,900
سامعین: ٹھیک ہے.

415
00:17:16,900 --> 00:17:20,887
آپ کو تو دے تو پھر کیا ہوتا
یہ اس تنازعے سی ایس ایس میں کچھ شرائط؟

416
00:17:20,887 --> 00:17:21,970
TOMAS REIMERS: بالکل.

417
00:17:21,970 --> 00:17:23,940
ہم یقینی طور پر جا رہے ہیں
اس کے بارے میں بات کرنے کے لئے.

418
00:17:23,940 --> 00:17:31,890
تاکہ بالکل وہی جو آپ حاصل کر رہے
میں، آپ کو بھی کلاسیں کر سکتے ہیں.

419
00:17:31,890 --> 00:17:36,380
تو چلو میں نے ڈرامہ
تین پیراگراف اور میں

420
00:17:36,380 --> 00:17:38,730
پہلا سٹائل کے لئے چاہتا تھا
دو لیکن تیسرے نہیں.

421
00:17:38,730 --> 00:17:42,850
ویسے، آپ کا پہلا خیال میں، اچھی طرح سے، ہو سکتا ہے
صرف یہ دوسرا شخص ID دے سکتا.

422
00:17:42,850 --> 00:17:45,590
لیکن تم نہیں کر سکتے، ایک شناختی کیونکہ،
بالکل وہی یلیسن کہہ رہا تھا کی طرح،

423
00:17:45,590 --> 00:17:47,330
منفرد ہونا ضروری ہے.

424
00:17:47,330 --> 00:17:50,860
>> تو بجائے اس کے ایک شناختی، آپ کو کیا
استعمال کر سکتے ہیں کہ آپ ایک کلاس میں استعمال کر سکتے ہیں ہے.

425
00:17:50,860 --> 00:17:57,880
اور ایک کلاس اس کی اجازت دیتا ہے
آپ بنیادی طور پر کہتے ہیں کہ ایسا کرنے کی،

426
00:17:57,880 --> 00:17:59,610
یہ ایک گروپ کا حصہ کے طور پر ہے.

427
00:17:59,610 --> 00:18:02,410
اس صورت میں، ہمارے گروپ
سپیشل کہا جاتا ہے.

428
00:18:02,410 --> 00:18:06,500
اور ہم پھر کیا کرنے جا رہے ہیں کیا ہے
ہم، بلکہ پونڈ سے کہیں لئے جا رہے ہیں

429
00:18:06,500 --> 00:18:08,070
ہم نقطہ کا استعمال کرنے جا رہے ہیں.

430
00:18:08,070 --> 00:18:08,740
ٹھیک ہے؟

431
00:18:08,740 --> 00:18:11,950
نوٹس اور یہ کہ پونڈ اور ڈاٹ
صرف سی ایس ایس فائل کے اندر موجود،

432
00:18:11,950 --> 00:18:12,797
نہیں HTML کے اندر اندر.

433
00:18:12,797 --> 00:18:13,880
یلیسن BUCHHOLTZ-AU: جی ہاں.

434
00:18:13,880 --> 00:18:15,185
اہم امتیاز.

435
00:18:15,185 --> 00:18:17,510
>> TOMAS REIMERS: میں نے کیا
، اتنا جدوجہد کی تھی

436
00:18:17,510 --> 00:18:23,990
کیا میں HTML میں ہیش ڈال دیا ہے اور
اس کے بعد صرف ایک طویل وقت کے لئے احمقانہ محسوس کیا.

437
00:18:23,990 --> 00:18:27,470
اس کے دونوں منتخب کرتا ہے کہ کس طرح دیکھنے
اس طبقے کے ساتھ ہیں؟

438
00:18:27,470 --> 00:18:28,210
ٹھنڈا.

439
00:18:28,210 --> 00:18:29,950
>> اب، چیزوں سے زیادہ کلاسوں ہو سکتا ہے.

440
00:18:29,950 --> 00:18:32,790
کی میں نے پہلی بنانا چاہتے تھے کہنے دو
دو پیلے رنگ کا ایک پس منظر ہے

441
00:18:32,790 --> 00:18:36,770
اور دوسری دو ہیں
نیلے رنگ کا فونٹ کا رنگ.

442
00:18:36,770 --> 00:18:37,270
اوکے.

443
00:18:37,270 --> 00:18:39,735
میں تھا وہ کیوں مجھے سچ میں پتہ نہیں ہے
ایسا کرنے کے لئے چاہتے ہیں، لیکن میں کر سکتا ہوں.

444
00:18:39,735 --> 00:18:42,401
>> یلیسن BUCHHOLTZ-AU: نہیں ہو سکتا
آپ کی ویب سائٹ کے لئے اس کی سفارش کی.

445
00:18:42,401 --> 00:18:43,880
لیکن ہمارے مقاصد کے لئے، یہ کروں گا.

446
00:18:43,880 --> 00:18:46,294
>> TOMAS REIMERS: یہ نہیں ہے
ایک اچھا رنگ کی منصوبہ بندی.

447
00:18:46,294 --> 00:18:49,210
یلیسن BUCHHOLTZ-AU: ٹھیک ہے، پیلے رنگ
اور نیلے رنگ کے اپنے ہائی اسکول کے رنگ ہیں.

448
00:18:49,210 --> 00:18:50,947
میں اگرچہ، نہیں جانتے.

449
00:18:50,947 --> 00:18:53,530
TOMAS REIMERS: یلیسن کی اعلی
اسکول کے ایک عظیم رنگ کی منصوبہ بندی کی تھی.

450
00:18:53,530 --> 00:18:54,520
[ہنسی]

451
00:18:54,520 --> 00:18:59,120
تو پھر ہمیں فون کرسکتے ہیں کہ یہ کتنا
this-- کال کرتے ہیں تو ہم نے خاص ہیں

452
00:18:59,120 --> 00:19:00,030
اور ہم نے کافی ہے.

453
00:19:00,030 --> 00:19:02,405
میں اس کے لئے، آپ کو استعمال، کا مشورہ
بہت زیادہ وضاحتی ناموں.

454
00:19:02,405 --> 00:19:05,820
یلیسن BUCHHOLTZ-AU: جی ہاں، میں کروں گا
پیلے یا نیلے رنگ، کی طرح، یہ کہتے.

455
00:19:05,820 --> 00:19:08,314
>> TOMAS REIMERS: ہم نہیں ہیں
واقعی، ایک حقیقی ویب سائٹ بنانے

456
00:19:08,314 --> 00:19:09,730
جو ہم نہیں کر رہے ہیں یہی وجہ ہے.

457
00:19:09,730 --> 00:19:11,521
لیکن اگر آپ واقعی میں
آپ کو ایک حقیقی ویب سائٹ پڑا

458
00:19:11,521 --> 00:19:16,220
پاس سکتا ہے، کی طرح، مضمون ہیڈر،
مضمون کے مواد، پہلا لفظ،

459
00:19:16,220 --> 00:19:21,920
اجازت دیتے ہیں جو اس طرح کی چیزیں،
آپ کو بہت زیادہ وضاحتی ہو کرنے کے لئے.

460
00:19:21,920 --> 00:19:23,550
یہ صرف متغیر کی طرح واقعی ہیں.

461
00:19:23,550 --> 00:19:28,390
وہ ایک طرح جہاں میں نام کیا جانا چاہئے
اگر آپ اس طرح کے طور پر، like-- ہاں، یہ کر سکتے ہیں.

462
00:19:28,390 --> 00:19:29,470
کامل.

463
00:19:29,470 --> 00:19:30,480
>> تاکہ پس منظر کا رنگ.

464
00:19:30,480 --> 00:19:35,920
اور پھر ہم نے اتنا کہنا لئے جا رہے ہیں
رنگ تبدیل کرنے کے لئے راستہ صرف "رنگ" ہے.

465
00:19:35,920 --> 00:19:38,412
اور ہم نے اسے نیلے رنگ بنانے کے لئے جا رہے ہیں.

466
00:19:38,412 --> 00:19:40,150
یہ اچھا ہے.

467
00:19:40,150 --> 00:19:42,640
تو اب ہمارے پاس ہے
پہلے دو خاص ہیں.

468
00:19:42,640 --> 00:19:45,972
اگلے ایک جا رہا ہے
"خوبصورت = کلاس." ہے

469
00:19:45,972 --> 00:19:49,180
یلیسن BUCHHOLTZ-AU: اور پھر تمہیں
مشرق وسطی کے ایک کے لئے "خوبصورت" شامل کرنا چاہتے ہیں.

470
00:19:49,180 --> 00:19:49,971
TOMAS REIMERS: جی ہاں.

471
00:19:49,971 --> 00:19:52,970
اور پھر درمیان سے ایک کے لئے،
"خوبصورت،" کیا ہوتا ہے شامل کرنے کے لئے

472
00:19:52,970 --> 00:19:56,880
آپ کو صرف ایک جگہ ہے ہے.

473
00:19:56,880 --> 00:19:59,800
کلاس وصف ایسا ہے
ایک خلا سے علیحدہ فہرست ہے

474
00:19:59,800 --> 00:20:02,450
تمام کلاسز کے
کہ اس ٹیگ کو درخواست دے.

475
00:20:02,450 --> 00:20:02,959
ٹھیک ہے؟

476
00:20:02,959 --> 00:20:05,750
اس میں سے ایک سے تعلق رکھتا ہے کی طرح یہ نہیں ہے
کہا جاتا خاص طبقے کے کچھ قسم

477
00:20:05,750 --> 00:20:07,180
"خصوصی، خلا، خوبصورت."

478
00:20:07,180 --> 00:20:10,870
یہ دو classes-- سے تعلق رکھتا ہے
خصوصی اور خوبصورت.

479
00:20:10,870 --> 00:20:12,492
جی ہاں؟

480
00:20:12,492 --> 00:20:14,360
ٹھنڈا.

481
00:20:14,360 --> 00:20:17,010
>> اور پھر اگر ہم دیکھیں
کیا ہوتا ہے میں، ہم ہیں

482
00:20:17,010 --> 00:20:21,850
سب سے پہلے ایک ہے کہ دیکھنے جا
پیلے رنگ کے پس منظر، سیاہ متن.

483
00:20:21,850 --> 00:20:22,450
دوسری one--

484
00:20:22,450 --> 00:20:26,160
>> یلیسن BUCHHOLTZ-AU: جرات مندانہ --has
نیلے متن کے ساتھ پیلے رنگ کے پس منظر.

485
00:20:26,160 --> 00:20:29,330
اور ہماری آخری ایک طرح کی ہے
ہم اس کے لئے مقرر ہے کہ نیلے رنگ کے متن.

486
00:20:29,330 --> 00:20:30,870
>> TOMAS REIMERS: اتارنا؟

487
00:20:30,870 --> 00:20:32,491
سلیکٹرز کا کام کیسے؟

488
00:20:32,491 --> 00:20:32,990
بہت اچھے.

489
00:20:32,990 --> 00:20:34,720
>> یلیسن BUCHHOLTZ-AU: ہم کرنا چاہتے ہیں
اب اس کے بعد تنازعہ کے بارے میں بات کرتے ہیں؟

490
00:20:34,720 --> 00:20:35,780
>> TOMAS REIMERS: تو جی ہاں.

491
00:20:35,780 --> 00:20:36,310
بالکل.

492
00:20:36,310 --> 00:20:38,380
تو کیا ہوا اگر آپ ایسا ہوتا ہے
حق، ایک ایک ایسا تنازعہ ہے؟

493
00:20:38,380 --> 00:20:44,740
کے سب سے پہلے ایک ڈرامہ
کسی چیز کا تعین کرتا like--

494
00:20:44,740 --> 00:20:47,240
یلیسن BUCHHOLTZ-AU: ہو سکتا ہے
اس میں سے ایک پس منظر کے بدلتے رہتے؟

495
00:20:47,240 --> 00:20:48,090
TOMAS REIMERS: جی ہاں.

496
00:20:48,090 --> 00:20:51,699
تو اگر ہم کرنے جا رہے ہیں "خوبصورت"
سامن کو پس منظر تبدیل.

497
00:20:51,699 --> 00:20:54,740
یلیسن BUCHHOLTZ-AU: آپ صرف ساتھ ہو
تمام عظیم رنگوں آج، ٹامس.

498
00:20:54,740 --> 00:20:55,573
TOMAS REIMERS: جی ہاں.

499
00:20:55,573 --> 00:20:58,200
مجھے پتہ چلا کیونکہ میں کر سکتا ہوں
ایک حقیقی رنگ کے طور پر سامن کا استعمال.

500
00:20:58,200 --> 00:21:00,270
تو ہم نے صرف یہ کہ کیا کرنے جا رہے.

501
00:21:00,270 --> 00:21:01,770
میں نے بھی غروب آفتاب ایک حقیقی رنگ ہے لگتا ہے کہ.

502
00:21:01,770 --> 00:21:03,103
سامعین: غروب آفتاب ایک حقیقی رنگ ہے؟

503
00:21:03,103 --> 00:21:04,572
یلیسن BUCHHOLTZ-AU: چلو اس کی کوشش.

504
00:21:04,572 --> 00:21:07,735
TOMAS REIMERS: اس ڈیمو کے بعد
صرف، صورت میں یہ اپ messes کیونکہ

505
00:21:07,735 --> 00:21:08,943
میں نے ٹھیک کیا جا کرنے کے لئے نہیں کرنا چاہتے.

506
00:21:08,943 --> 00:21:11,580
تو ہم نے سامن ایک حقیقی رنگ جانتے.

507
00:21:11,580 --> 00:21:15,626
پر تو کسی بھی اندازے
کیا ہونے جا رہا ہے؟

508
00:21:15,626 --> 00:21:17,522
>> یلیسن BUCHHOLTZ-AU: کوئی خیال؟

509
00:21:17,522 --> 00:21:20,002
>> سامعین: [اشراوی].

510
00:21:20,002 --> 00:21:20,920
>> TOMAS REIMERS: جی ہاں.

511
00:21:20,920 --> 00:21:22,150
لہذا اگر آپ کو یہ بالکل حق ہے.

512
00:21:22,150 --> 00:21:24,930
بنیادی طور پر، یہ لیتا ہے
یہ دیا گیا تھا کہ آخری حکمرانی.

513
00:21:24,930 --> 00:21:27,860
>> یلیسن BUCHHOLTZ-AU: تو یہ ہے
جہاں جھرن کاری عمل میں آتا ہے.

514
00:21:27,860 --> 00:21:31,080
>> TOMAS REIMERS: تو کس طرح یاد ہم
سٹائل شیٹس جھرن کاری ہے کہ تھا؟

515
00:21:31,080 --> 00:21:33,660
اس سے تو، ہم قسم کا مطلب
ہم قوانین کا ایک گروپ ہے کہ

516
00:21:33,660 --> 00:21:37,115
جس سے ہر ایک دوسرے کے اوپر لاگو ہوتے ہیں، اور
وہ بھی ایک دوسرے کو زیر کرسکتے ہیں.

517
00:21:37,115 --> 00:21:39,380
>> یلیسن BUCHHOLTZ-AU: تو
نچلے حصے میں جو کچھ بھی کی

518
00:21:39,380 --> 00:21:41,540
سب سے اوپر جو کچھ بھی جگہ لے لے گی.

519
00:21:41,540 --> 00:21:45,842
تم وہ مکمل طور پر قواعد ہو سکتا ہے
پہلے سے کسی چیز کی نفی.

520
00:21:45,842 --> 00:21:48,300
آپ کا خواہاں ہے کیوں کہ میں بھی ہے
آپ اسٹائل کے ہوتے ہو تو ہوشیار،

521
00:21:48,300 --> 00:21:51,465
لہذا آپ کو قوانین کی تشکیل نہیں کر رہے ہیں
آپ کو صرف مکمل طور پر زیر کرنے کر رہے ہیں.

522
00:21:51,465 --> 00:21:53,340
>> TOMAS REIMERS: یا شاید آپ
قواعد ادلیکھت کرنا چاہتے ہیں.

523
00:21:53,340 --> 00:21:53,920
>> یلیسن BUCHHOLTZ-AU: یا شاید تم کرتے ہو.

524
00:21:53,920 --> 00:21:54,300
جی ہاں.

525
00:21:54,300 --> 00:21:57,175
>> TOMAS REIMERS: اگر آپ کو ایک ہونا دکھاوا
سب سے زیادہ چیزوں پر لاگو ہوتا ہے جس کلاس،

526
00:21:57,175 --> 00:22:01,220
لیکن چلو آپ تبدیل کرنا چاہتے ہیں
سرخ اور فانٹ میں پس منظر کا رنگ

527
00:22:01,220 --> 00:22:03,140
سب سے زیادہ کے لئے جرات مندانہ کرنے کے وزن
چیزیں، لیکن ایک کے لئے،

528
00:22:03,140 --> 00:22:06,098
آپ کو صرف پس منظر کا رنگ کرنا چاہتے ہیں
سرخ ہو جائے لیکن آپ کو تمام دوسری چاہتے ہیں کے لئے

529
00:22:06,098 --> 00:22:09,990
خواص، آپ کو کچھ کر سکتا ہے
جیسے "فونٹ وزن = نارمل،"

530
00:22:09,990 --> 00:22:12,760
جو اس کے بعد کہ جرات مندانہ تبدیلی کالعدم ہو جائے گا.

531
00:22:12,760 --> 00:22:14,480
جی ہاں؟

532
00:22:14,480 --> 00:22:17,250
ایک بار پھر، کا بہترین طریقہ، مجھے لگتا ہے کہ
یلیسن یہ صرف مشق کر رہی ہے.

533
00:22:17,250 --> 00:22:18,080
>> یلیسن BUCHHOLTZ-AU: تجربات.

534
00:22:18,080 --> 00:22:20,090
>> TOMAS REIMERS: پریکٹس، عملی طور پر،
پریکٹس، اور تجربہ.

535
00:22:20,090 --> 00:22:22,950
مجھے لگتا ہے کہ بہت سے لوگوں کو معلوم ہے
سی ایس ایس کے اندازہ اور چیک کے صرف ایک بہت ہے

536
00:22:22,950 --> 00:22:25,580
جہاں تو دن کے آخر میں
آپ، کچھ طرح کرنا چاہتا ہوں

537
00:22:25,580 --> 00:22:27,663
آپ کو ایک کچا اندازہ نہیں ہے، لیکن
اگر آپ اب بھی شاید ضرورت

538
00:22:27,663 --> 00:22:31,390
بات کو یقینی بنانا اسے باہر کرنے کی کوشش کرنا
تم اس کی طرح لگتا ہے پتہ.

539
00:22:31,390 --> 00:22:34,482
>> سامعین: آپ درخواست دے رہے ہیں جب
کلاسیں، ایک سے زائد

540
00:22:34,482 --> 00:22:37,339
اسی پیراگراف کو
یا حصے، یہ کرتا ہے

541
00:22:37,339 --> 00:22:39,505
معاملہ کیا ہے تاکہ آپ کر سکتے ہیں
کی قیمت درج کرنے میں ان کو ٹائپ؟

542
00:22:39,505 --> 00:22:40,992
>> TOMAS REIMERS: نہیں، بالکل نہیں.

543
00:22:40,992 --> 00:22:45,764
>> یلیسن BUCHHOLTZ-AU: بہرحال معتبر ہے
اپنے سی ایس ایس سٹائل شیٹ کے اندر اندر حکم.

544
00:22:45,764 --> 00:22:47,430
سامعین: آپ کے سوال دہرانے سکتا ہے؟

545
00:22:47,430 --> 00:22:50,680
TOMAS REIMERS: اوہ.

546
00:22:50,680 --> 00:22:53,990
یلیسن BUCHHOLTZ-AU: کے اندر اندر
کلاس، جب آپ کو دے رہے ہیں کی کلاسیں

547
00:22:53,990 --> 00:22:56,964
HTML میں کچھ کرنے کے لئے، کرتا ہے
یہ وہ میں ہیں جس کے حکم سے کوئی فرق؟

548
00:22:56,964 --> 00:22:58,130
اس حکم سے کوئی فرق نہیں پڑتا.

549
00:22:58,130 --> 00:23:02,915
بہرحال معتبر کا حکم ہے
آپ سی ایس ایس کے اندر اندر کلاس سلیکٹرز،

550
00:23:02,915 --> 00:23:04,306
آپ کی سٹائل شیٹ کے اندر اندر.

551
00:23:04,306 --> 00:23:06,982
>> TOMAS REIMERS: آواز اچھا ہے؟

552
00:23:06,982 --> 00:23:08,532
>> یلیسن BUCHHOLTZ-AU: پیارا، دلکش.

553
00:23:08,532 --> 00:23:11,539
>> TOMAS REIMERS: اور پھر
ہم to-- جاری رکھنے کے لئے جا رہے ہیں

554
00:23:11,539 --> 00:23:13,330
یلیسن BUCHHOLTZ-AU:
ہم اگلے کیا ہے؟

555
00:23:13,330 --> 00:23:14,245
میں بھول.

556
00:23:14,245 --> 00:23:16,087
اوہ، ہم صرف مثالیں ہیں.

557
00:23:16,087 --> 00:23:17,295
لیکن ہم اس قسم کے ان لوگوں نے کیا ہے.

558
00:23:17,295 --> 00:23:18,990
ہم نے مکھی پر مثالیں نے کیا ہے.

559
00:23:18,990 --> 00:23:20,540
>> TOMAS REIMERS: ہم کرنے کے لئے حاصل
جلد ہی سلیکٹرز کو اکٹھا.

560
00:23:20,540 --> 00:23:22,790
>> یلیسن BUCHHOLTZ-AU: اوہ،
ہم سلیکٹرز کو اکٹھا کرنے کے لئے حاصل.

561
00:23:22,790 --> 00:23:25,260
TOMAS REIMERS: تو کچھ
مثالیں ہمارے پاس موجود ہے

562
00:23:25,260 --> 00:23:29,630
# dog-- پونڈ، یا hashtag،
یا octothorpe، یا جو کچھ بھی

563
00:23:29,630 --> 00:23:32,050
آپ that-- تیز فون کرنا چاہتے ہیں.

564
00:23:32,050 --> 00:23:34,875
>> یلیسن BUCHHOLTZ-AU: تیز کتے.

565
00:23:34,875 --> 00:23:36,470
>> TOMAS REIMERS: تو پھر تم .pets ہے.

566
00:23:36,470 --> 00:23:39,059

567
00:23:39,059 --> 00:23:41,600
کچھ، کتے کی ایک شناخت ہے
صفحہ پر صرف ایک کتا نہیں ہے.

568
00:23:41,600 --> 00:23:43,870
کسی چیز کی ایک شناخت ہے
بلی، صرف ایک بلی نہیں ہے.

569
00:23:43,870 --> 00:23:45,665
صفحے پر بہت سے پالتو جانور کو ہو سکتی ہے.

570
00:23:45,665 --> 00:23:47,570
ہم کلاسیں جو دی یہی وجہ ہے کہ.

571
00:23:47,570 --> 00:23:48,740
آپ P کی ایک مثال ہے.

572
00:23:48,740 --> 00:23:50,490
اور پھر میں سے ایک ایسا ہے
آخری مثال، جس میں

573
00:23:50,490 --> 00:23:53,790
، ہم کے بارے میں بات نہیں کی ہے کچھ ہے
آپ ان کو جمع کیا ہوتا ہے جب ہے.

574
00:23:53,790 --> 00:23:54,580
p.pets تاکہ.

575
00:23:54,580 --> 00:23:57,510

576
00:23:57,510 --> 00:24:02,950
>> اس کے لئے تو، چلو واپس جانے دو
کوڈ اور ہاں another-- متعارف کرانے.

577
00:24:02,950 --> 00:24:04,290
تو یہاں.

578
00:24:04,290 --> 00:24:04,850
>> یلیسن BUCHHOLTZ-AU: میں
یہ واقعی ہے کی طرح محسوس

579
00:24:04,850 --> 00:24:08,105
کی طرح صرف مثالوں کے ذریعے تلاش
واقعی یہ جاننے کے لئے راستہ ہے.

580
00:24:08,105 --> 00:24:09,360
تو ہے کہ ہم کیا کر رہے ہیں ہے.

581
00:24:09,360 --> 00:24:14,030
>> TOMAS REIMERS: تو چلو ہم ڈرامہ
صرف دائیں متن 2، منتخب کرنے کے لئے چاہتے ہیں؟

582
00:24:14,030 --> 00:24:16,530
تو ہم یقینی نہیں کر سکتے ہیں
ایک ID کے ساتھ ایسا.

583
00:24:16,530 --> 00:24:19,620
ویسے، ہم نے ایک کے ساتھ ایسا کر سکتا ہے
ID، لیکن یہ ایک ID کی ضرورت نہیں ہے.

584
00:24:19,620 --> 00:24:22,490
میں ایک کا اضافہ، لیکن چلو دکھاوا کر سکتا ہے
میں نے ایک کو شامل کرنے کے لئے نہیں چاہتے تھے کہ

585
00:24:22,490 --> 00:24:24,910
یا یہ پہلے سے ہی کچھ اور ہے.

586
00:24:24,910 --> 00:24:26,516
میں اس کے ساتھ ایسا نہیں کر سکتے.

587
00:24:26,516 --> 00:24:28,870
ٹیگ حق، یقینی منفرد نہیں ہے؟

588
00:24:28,870 --> 00:24:30,670
اور نہ ہی کلاس ہے.

589
00:24:30,670 --> 00:24:32,314
لیکن تم ان چیزوں کو اکٹھا کر سکتے ہیں.

590
00:24:32,314 --> 00:24:35,230
چلو ہم کچھ کرنا چاہتے تھے کہنے دو
جس سے نہ صرف چیزوں پر لاگو ہوتا ہے جس

591
00:24:35,230 --> 00:24:39,420
کلاس خصوصی ہے اور
جس کلاس خوبصورت ہے.

592
00:24:39,420 --> 00:24:48,150
>> تو کیا ہوا اگر آپ کر سکتے ہیں، main.css میں ہے
آپ کی یہ پہلی کو حذف کرتے ہیں، کہہ سکتے ہیں.

593
00:24:48,150 --> 00:24:50,240
اگر آپ ان کو اکٹھا کر سکتے.

594
00:24:50,240 --> 00:24:51,430
تو کیا تم .special کیا کر سکتے ہیں.

595
00:24:51,430 --> 00:24:52,110
کوئی جگہ.

596
00:24:52,110 --> 00:24:54,770
بس .special.pretty.

597
00:24:54,770 --> 00:25:00,550
کیا مطلب ہے کہ کچھ ہے
جس میں خصوصی اور خوبصورت بھی ہے.

598
00:25:00,550 --> 00:25:01,900
کہ عقل مندی ہے؟

599
00:25:01,900 --> 00:25:04,190
اور ہم یہاں جانا ہے تو، کیا
آپ کو دیکھ کر جا رہے ہیں

600
00:25:04,190 --> 00:25:09,734
اس اصول صرف پر لاگو ہوتا ہے
ان میں سے دونوں ہے جس میں دوسری ایک،.

601
00:25:09,734 --> 00:25:11,400
اور آپ کو بہت سی چیزیں کے لئے یہ کر سکتے ہیں.

602
00:25:11,400 --> 00:25:13,270
تم چلو کہیں سکتے ہیں
میں نے صرف چاہتا تھا دکھاوا

603
00:25:13,270 --> 00:25:18,300
خوبصورت کلاس ہے جس چیز پر
اور یہ بھی ایک پیراگراف ٹیگ ہیں جو.

604
00:25:18,300 --> 00:25:19,920
تاکہ p.pretty.

605
00:25:19,920 --> 00:25:23,585
چلو میں تھا کہ ڈرامہ
ٹیگ کے جسم پر بہت کچھ.

606
00:25:23,585 --> 00:25:25,850
ٹھیک ہے؟

607
00:25:25,850 --> 00:25:28,490
میں اس چلاتے ہیں اور میں کر سکتے ہیں
یہ صرف ہے کہ دیکھ سکتے ہیں

608
00:25:28,490 --> 00:25:32,720
ہیں جو چیزوں پر لاگو کرنے کے لئے جا
خوبصورت طبقے کے ساتھ پیرا.

609
00:25:32,720 --> 00:25:35,650
اور آپ کو، ان کو اکٹھا کر سکتے
بنیادی طور پر، آپ چاہتے ہیں کے طور پر کئی کے طور پر.

610
00:25:35,650 --> 00:25:38,580
لہذا آپ کو صرف ان کے ساتھ ڈال کر سکتے ہیں.

611
00:25:38,580 --> 00:25:39,604
کہ عقل مندی ہے؟

612
00:25:39,604 --> 00:25:41,770
یلیسن BUCHHOLTZ-AU: تو
اس قسم کی زیادہ مفید ہے

613
00:25:41,770 --> 00:25:45,490
جب، ٹامس شاید، اس سے قبل کہہ رہا تھا
آپ کو ایک بہت ہی پیچیدہ ویب سائٹ ہے،

614
00:25:45,490 --> 00:25:48,050
اور آپ پہلے سے ہی ایک بہت کچھ ہے
لکھا گیا اور ان قوانین کے،

615
00:25:48,050 --> 00:25:51,170
اور آپ کو صرف کرنے کی ضرورت ہے
سامنے سے دو جمع.

616
00:25:51,170 --> 00:25:55,350
جیسے اس کی بجائے ایک پوری لکھنے کا
نیا سلیکٹر اور، وہاں اس کو تبدیل کرنے

617
00:25:55,350 --> 00:25:58,592
آپ صرف اکٹھا کر سکتے ہیں
انہیں یہ تک یکساں جہاں.

618
00:25:58,592 --> 00:26:00,670
>> TOMAS REIMERS: یا تم
کبھی کبھی باہر تلاش کر سکتے ہیں

619
00:26:00,670 --> 00:26:04,290
ایک کلاس بھی ہے جس میں
جیسے فونٹ کا رنگ نیلا بناتا ہے،

620
00:26:04,290 --> 00:26:06,740
اور ایک اور کلاس موجود ہے جس میں
پس منظر نیلا بناتا ہے.

621
00:26:06,740 --> 00:26:07,840
اور یہ کہ صرف کام نہیں کرے گا.

622
00:26:07,840 --> 00:26:10,924
لہذا اگر آپ کو ایک خاص معاملے میں لکھنے، جہاں،
یہ دونوں ہوں تو like-- لیکن، تم کیا ہو

623
00:26:10,924 --> 00:26:13,548
کیا کرنے جا آپ کے لئے جا رہے ہیں
اس میں سے ایک نیلے رنگ کے اس سایہ کر دے

624
00:26:13,548 --> 00:26:15,310
اور یہ ایک نیلے رنگ کے اس دوسرے سایہ.

625
00:26:15,310 --> 00:26:15,580
ہے نا؟

626
00:26:15,580 --> 00:26:17,955
>> یلیسن BUCHHOLTZ-AU: اچھا
مستثنیات کی ان اقسام کے لئے.

627
00:26:17,955 --> 00:26:21,220
TOMAS REIMERS: کے لئے تو
مسائل کے بارے میں سوچتے ہیں

628
00:26:21,220 --> 00:26:25,000
آپ ان کو اکٹھا ہے کہ جب پیدا ہو سکتا.

629
00:26:25,000 --> 00:26:27,020
ٹھنڈا.

630
00:26:27,020 --> 00:26:29,692
تو واپس ہماری پیشکش میں.

631
00:26:29,692 --> 00:26:31,400
یلیسن BUCHHOLTZ-AU:
ہم پہنچ ہی گئے ہیں.

632
00:26:31,400 --> 00:26:34,022
TOMAS REIMERS: اور یہ
منسلک کرنے کے بند کر دیا ہے.

633
00:26:34,022 --> 00:26:36,494
یلیسن BUCHHOLTZ-AU: نہیں، اوہ.

634
00:26:36,494 --> 00:26:39,125
یلیسن BUCHHOLTZ-AU: میں سی ایس
دفتر، انٹرنیٹ کے نیچے جاتا ہے.

635
00:26:39,125 --> 00:26:40,360
اوہ، وڈمبنا.

636
00:26:40,360 --> 00:26:45,620
>> TOMAS REIMERS: تو خوش قسمتی سے، ہم کر سکتے ہیں
انٹرنیٹ کے بغیر پیش، میں، کا اندازہ لگانا

637
00:26:45,620 --> 00:26:47,380
ہم یہاں تمام سلائیڈوں ہے کیونکہ.

638
00:26:47,380 --> 00:26:49,304
تو چلو بارے میں بات کریں
ٹیگز کے رشتے.

639
00:26:49,304 --> 00:26:50,470
یلیسن BUCHHOLTZ-AU: صحیح.

640
00:26:50,470 --> 00:26:52,660
رہی اتنے صرف کی قسم
ٹامس نے جو کہا اس سے دور،

641
00:26:52,660 --> 00:26:54,180
اس نے ایسا کرنے کی صرف ایک طریقہ ہے.

642
00:26:54,180 --> 00:26:57,840
تو ہم نے کچھ والدین
ایک بچے سلیکٹر کے ساتھ سلیکٹر.

643
00:26:57,840 --> 00:27:02,815
تو یہاں اس مثال میں، ہم کچھ ہے
ایک کلاس navbar کے، کلاس کے بٹن کے ساتھ جسم.

644
00:27:02,815 --> 00:27:03,315
آہ.

645
00:27:03,315 --> 00:27:03,990
>> TOMAS REIMERS: اوہ، معاف کرنا.

646
00:27:03,990 --> 00:27:06,180
>> یلیسن BUCHHOLTZ-AU: اور
بنیادی طور پر، اس کا مطلب کیا

647
00:27:06,180 --> 00:27:11,070
کی طرح، بچوں کی سب کو منتخب کیا جاتا ہے
سلیکٹرز کے ان قسم کے تمام،

648
00:27:11,070 --> 00:27:13,040
اس اصلی سلیکٹر کے اندر اندر.

649
00:27:13,040 --> 00:27:16,004
اور ان لوگوں کو صرف لوگ ہیں
یہ کبھی میں درخواست دینے کے لئے جا رہا ہے.

650
00:27:16,004 --> 00:27:17,755
مجھے نہیں معلوم کہ آپ کو اگر
ایک بہتر طریقہ ہے of--

651
00:27:17,755 --> 00:27:19,504
TOMAS REIMERS: تو میں
سوچنے کے لئے راستہ لگتا ہے

652
00:27:19,504 --> 00:27:22,440
اس بارے میں کہ کس طرح اس سے پہلے یاد رکھنا ہے
ہم قسم کے ساتھ مل کر ان کی طرح ڈال دیا.

653
00:27:22,440 --> 00:27:26,340
اور پھر اس سے ایک عنصر کا مطلب
جس میں ان کے تمام میچز.

654
00:27:26,340 --> 00:27:29,530
یہ کیا کہہ رہا ہے میں نے، ہے
آپ کو سب کچھ ملانا چاہتے

655
00:27:29,530 --> 00:27:33,220
میں چاہتا some-- اندر
آپ کو ایک سلیکٹر تلاش کرنے کے لئے.

656
00:27:33,220 --> 00:27:35,670
اور پھر اس کے اندر، میں چاہتا ہوں
آپ نئی چیزیں ملنے کے لئے.

657
00:27:35,670 --> 00:27:36,170
ہے نا؟

658
00:27:36,170 --> 00:27:40,900
لہذا سی ایس ایس میں، یہ سب کے بارے طرح کی ہے
ان اشیاء سے مطابقت کرنے کے قابل ہونے.

659
00:27:40,900 --> 00:27:43,050
اور اگر تم سے ملنے کے لئے کوشش کر سکتے ہیں
دیگر اشیاء کے اندر اندر اشیاء.

660
00:27:43,050 --> 00:27:46,510
>> تو اصل میں ایک مثال دیتے،
اور ہم اس کی وضاحت کریں گے لگتا ہے.

661
00:27:46,510 --> 00:27:53,090
تو چلو ہم خصوصی پڑے ڈرامہ،
خصوصی خوبصورت، جو کچھ بھی.

662
00:27:53,090 --> 00:27:55,690
اور پھر ہم اوکے، ایک لنک ہے؟

663
00:27:55,690 --> 00:27:59,780

664
00:27:59,780 --> 00:28:02,370
تو ایک ایک لنک ہے، یاد ہے.

665
00:28:02,370 --> 00:28:03,900
یہ کہیں بھی جانے کے لئے نہیں جا رہا ہے.

666
00:28:03,900 --> 00:28:11,500
اور ہم اس کو دینے کے لئے جا رہے ہیں
کلاس لنک، مجھے لگتا ہے.

667
00:28:11,500 --> 00:28:13,335
چلو اسے دے دو
مجھے ایک خیال دینے کلاس.

668
00:28:13,335 --> 00:28:14,460
یلیسن BUCHHOLTZ-AU: اتارنا.

669
00:28:14,460 --> 00:28:16,420
TOMAS REIMERS: چلو Coo--
یہ بہت کلاس جاؤ.

670
00:28:16,420 --> 00:28:16,930
کیوں نہیں؟

671
00:28:16,930 --> 00:28:17,971
>> یلیسن BUCHHOLTZ-AU: ٹھیک ہے.

672
00:28:17,971 --> 00:28:23,040
TOMAS REIMERS: تو
ابھی کے خوبصورت چیزیں

673
00:28:23,040 --> 00:28:26,000
پس منظر کے بنانے کے لئے جا رہے ہیں
سامن کے نیلے، پس منظر کا رنگ.

674
00:28:26,000 --> 00:28:27,969
کہ سمجھ میں آتا ہے.

675
00:28:27,969 --> 00:28:28,760
اور ہم this-- کرتے ہیں تو

676
00:28:28,760 --> 00:28:29,620
>> یلیسن BUCHHOLTZ-AU:
آپ متن شامل کرنا چاہتے ہیں

677
00:28:29,620 --> 00:28:31,078
اتنی بالا ربط اصل میں ظاہر کرتا ہے؟

678
00:28:31,078 --> 00:28:35,088
TOMAS REIMERS: کہ
ایک اچھا کال ہو گا.

679
00:28:35,088 --> 00:28:37,921
یلیسن BUCHHOLTZ-AU: 'راہ حق
اب ہم کچھ نہیں ملنے والا ہے صرف کر رہے ہیں.

680
00:28:37,921 --> 00:28:39,690
TOMAS REIMERS: تو یہ ایک لنک ہے.

681
00:28:39,690 --> 00:28:42,202
"یہ ایک لنک ہے."

682
00:28:42,202 --> 00:28:45,820
اوہ، اور یہ جا رہا ہے
ایک اور لنک ہونے کے لئے.

683
00:28:45,820 --> 00:28:47,280
چلو اس طبقے دے دو "ٹھنڈا."

684
00:28:47,280 --> 00:28:50,295
تم ٹھیک کہتے ہو.

685
00:28:50,295 --> 00:28:50,795
ٹھنڈا.

686
00:28:50,795 --> 00:28:53,590

687
00:28:53,590 --> 00:28:56,010
تو ابھی ہم اس پر قبضہ کرنے جا رہے ہیں.

688
00:28:56,010 --> 00:28:57,269
ہم ایک پھینک کرنے کے لئے جا رہے ہیں.

689
00:28:57,269 --> 00:28:59,060
ہم میں ایک ہے
خاص ٹیگ، اور بھی ہم

690
00:28:59,060 --> 00:29:01,150
خوبصورت ٹیگ میں سے ایک ہے کے لئے جا رہے ہیں.

691
00:29:01,150 --> 00:29:05,449
اور ابھی ہم کرنے جا رہے ہیں
کیا کریں ہم cool-- بنانے کے لئے جا رہے ہیں

692
00:29:05,449 --> 00:29:06,490
کیا ہمیں ایسا کرنا چاہتے ہیں؟

693
00:29:06,490 --> 00:29:10,347

694
00:29:10,347 --> 00:29:12,180
یلیسن BUCHHOLTZ-AU:
ہم اس کو بڑا کر سکتا ہوں؟

695
00:29:12,180 --> 00:29:13,800
TOMAS REIMERS: چلو اس کا ایک سرحدی دے دو.

696
00:29:13,800 --> 00:29:14,840
یلیسن BUCHHOLTZ-AU: ہم سرحد سکتا تھا.

697
00:29:14,840 --> 00:29:15,673
TOMAS REIMERS: جی ہاں.

698
00:29:15,673 --> 00:29:18,560
تو اگر ہم کچھ کرنے کے لئے جا رہے ہیں
کی طرح، سرحد is-- اور ہم ہیں

699
00:29:18,560 --> 00:29:20,971
سب ایک دوسرے میں اس کی وضاحت کرنے کے لئے جا.

700
00:29:20,971 --> 00:29:21,470
now-- لئے

701
00:29:21,470 --> 00:29:24,592
>> یلیسن BUCHHOLTZ-AU: باکس ماڈل کے.

702
00:29:24,592 --> 00:29:27,300
TOMAS REIMERS: لیکن اب کے لئے، ہم ہیں
صرف یہ ایک سرحد دینے جا رہا.

703
00:29:27,300 --> 00:29:29,580
تو کیا مطلب یہ ہے کہ تم ہو یہ ہے
ان لنکس کو دیکھنے کے لئے کی جا رہی.

704
00:29:29,580 --> 00:29:32,788
اور آپ کو وہ ہے کہ دیکھ کر جا رہے ہیں
ان، کی طرح، بدسورت سیاہ سرحدوں، جس میں

705
00:29:32,788 --> 00:29:33,820
ٹھنڈا ہے.

706
00:29:33,820 --> 00:29:34,500
>> یلیسن BUCHHOLTZ-AU:
ہماری ویب سائٹ کتنا خوبصورت ہے.

707
00:29:34,500 --> 00:29:35,333
>> TOMAS REIMERS: جی ہاں.

708
00:29:35,333 --> 00:29:38,930
ہماری ویب سائٹ بہت اچھا ہے.

709
00:29:38,930 --> 00:29:41,585
تو ان دونوں لنکس ہیں، اور وہ ظاہر.

710
00:29:41,585 --> 00:29:44,160
اب ہم میں ڈرامہ
صرف یہ کرنا چاہتا تھا

711
00:29:44,160 --> 00:29:50,072
یہ کچھ اندر نہیں تھا تو
جس کے سامن کا ایک پس منظر تھا.

712
00:29:50,072 --> 00:29:52,280
تو جو اس کو یاد ہے کہ
، سامن کی ایک پس منظر ہے

713
00:29:52,280 --> 00:29:54,000
یہ بہت طبقے کی ہے کیونکہ.

714
00:29:54,000 --> 00:29:59,777
>> لیکن ہم صرف ٹھنڈا یہ کہنا چاہتا ہوں
کلاس میں کلاس میں، خصوصی نہیں ہیں جس

715
00:29:59,777 --> 00:30:02,890
خوبصورت، کہ سرحد ہونا چاہئے.

716
00:30:02,890 --> 00:30:12,549
ویسے، آپ کیا کر سکتے آپ ہی ہیں
.cool،، .special، خلا کہہ سکتے ہیں.

717
00:30:12,549 --> 00:30:15,590
آپ کو لگتا ہے اور جب کہ، کیا کر رہا ہے
اس کے بارے میں، یہ بنیادی طور پر کہہ رہا ہے،

718
00:30:15,590 --> 00:30:19,530
اوکے، مجھے سب کچھ مل
کہ خصوصی میل کھاتا ہے.

719
00:30:19,530 --> 00:30:24,104
پھر ان کے ٹیگ کے اندر اندر، مل
اچھا ہے کہ مجھ سے سب کچھ.

720
00:30:24,104 --> 00:30:27,270
یلیسن BUCHHOLTZ-AU: تو ایک اور طریقہ
کہ، اس کے بارے میں سوچنے کے لئے اچھا ہو سکتا ہے

721
00:30:27,270 --> 00:30:29,810
C لئے اسے واپس لانے، ہے
گنجائش کے خیال کی طرح.

722
00:30:29,810 --> 00:30:34,020
تو اگر آپ کسی کے پاس جب
والوں کی طرح سلیکٹر،

723
00:30:34,020 --> 00:30:38,460
ہم اس سے پہلے کے لئے کام کر رہا ہوں کہ،
آپ پورے ویب صفحہ، آپ HTML کے سب

724
00:30:38,460 --> 00:30:40,180
دائیں، اپنے دائرہ کار کے اندر اندر ہے؟

725
00:30:40,180 --> 00:30:43,090
لیکن ہم ان کے پاس جب
والدین بچے کے تعلقات،

726
00:30:43,090 --> 00:30:47,130
آپ نیچے جہاں کو محدود کر رہے ہیں کے طور پر اگر یہ بات ہے
آپ، ایک مخصوص جگہ کے لئے تلاش کر رہے ہیں

727
00:30:47,130 --> 00:30:50,540
کے طور پر اگر، طرح، ہم کے اندر اندر تلاش کر رہے ہیں
ایک مخصوص تقریب کے بجائے

728
00:30:50,540 --> 00:30:52,007
ہماری پوری فائل کا.

729
00:30:52,007 --> 00:30:55,090
سامعین: کروگے، ذہن میں اس کے ساتھ تو
ہم changed-- تھا تو یہ بات کی ہے

730
00:30:55,090 --> 00:30:56,423
یلیسن BUCHHOLTZ-AU: حکم؟

731
00:30:56,423 --> 00:30:59,320
سامعین: سی ایس ایس میں --the کلاس
، خلا .cool کرنے، .special؟

732
00:30:59,320 --> 00:31:01,153
یلیسن BUCHHOLTZ-AU:
جی ہاں، کیونکہ اس کے بعد کہ

733
00:31:01,153 --> 00:31:04,420
دائرہ کار اس پر، کہیں گے
ٹھنڈی ہے کہ سب کچھ،

734
00:31:04,420 --> 00:31:07,235
اور پھر کیا has-- کی طرف دیکھو
میں، اس معاملے میں، کی طرح، مطلب

735
00:31:07,235 --> 00:31:08,860
میں نے اسے تبدیل کر دیا ہے نہیں لگتا.

736
00:31:08,860 --> 00:31:10,318
>> TOMAS REIMERS: ہم نے کیا کہا تھا؟ تو

737
00:31:10,318 --> 00:31:10,906
معذرت.

738
00:31:10,906 --> 00:31:12,660
>> یلیسن BUCHHOLTZ-AU: ہم تو
یہ تو ٹھنڈا اور اس سکوپ

739
00:31:12,660 --> 00:31:14,550
خصوصی سے باہر چیزیں تلاش،
یہ اصل میں، ایک ہی ہو جائے گا.

740
00:31:14,550 --> 00:31:16,260
>> TOMAS REIMERS: تو یہ نہیں ہو گا.

741
00:31:16,260 --> 00:31:16,590
>> یلیسن BUCHHOLTZ-AU: یہ نہیں؟

742
00:31:16,590 --> 00:31:17,590
اوہ ٹھیک ہے، اوہ.

743
00:31:17,590 --> 00:31:18,090
میں غلط ہوں.

744
00:31:18,090 --> 00:31:21,480
>> TOMAS REIMERS: تو وجہ
اس different-- عام غلطی ہے

745
00:31:21,480 --> 00:31:27,140
جاتا ہے کہ ابھی صرف
لنک کا حق، ڈاؤن لوڈ، اتارنا ہے؟

746
00:31:27,140 --> 00:31:32,176
تم لوگوں کو ہے میں نے، میرے سوال کا اندازہ لگانا
اس صفحہ پر کیا .cool طرف سے مماثلت ہے؟

747
00:31:32,176 --> 00:31:35,984

748
00:31:35,984 --> 00:31:38,340
دو ٹیگز کے حق، یہاں ہیں؟

749
00:31:38,340 --> 00:31:39,770
جو اس سے ایک اور اس سے ایک ہے.

750
00:31:39,770 --> 00:31:40,590
دونوں ٹھنڈی ملاتے ہیں.

751
00:31:40,590 --> 00:31:42,200
اور کچھ نہیں کرتا.

752
00:31:42,200 --> 00:31:46,460
تو تم نے کہا ہے تو، .cool، خلا،
.special، آپ ہی کہنے جا رہے ہیں،

753
00:31:46,460 --> 00:31:48,824
ان ٹیگز کے اندر اندر، خاص بات ھے؟

754
00:31:48,824 --> 00:31:49,865
یلیسن BUCHHOLTZ-AU: HM.

755
00:31:49,865 --> 00:31:51,800
اس کا کیا اسے صحیح ہے.

756
00:31:51,800 --> 00:31:52,310
یہ یہاں صرف کچھ کی طرح ہے کیونکہ.

757
00:31:52,310 --> 00:31:53,310
>> TOMAS REIMERS: تو یہ کچھ بھی نہیں کا انتخاب کرتا ہے.

758
00:31:53,310 --> 00:31:56,530
>> یلیسن BUCHHOLTZ-AU: کے ساتھ جبکہ
خصوصی، ہم یہاں ان ٹیگ کے اندر اندر ہیں.

759
00:31:56,530 --> 00:31:57,971
>> TOMAS REIMERS: وہ لوگ اور ان لوگوں کو.

760
00:31:57,971 --> 00:31:58,512
سامعین: ٹھیک ہے.

761
00:31:58,512 --> 00:31:58,920
تاکہ مستقبل کے حوالے سے ان کی ٹیگز سلیش؟

762
00:31:58,920 --> 00:31:59,740
>> TOMAS REIMERS: جی ہاں.

763
00:31:59,740 --> 00:32:01,150
کہ عقل مندی ہے؟

764
00:32:01,150 --> 00:32:03,685
کس طرح یہ بنیادی طور پر ہے
گنجائش کو کم کرنے کی کوشش کر.

765
00:32:03,685 --> 00:32:04,810
یلیسن BUCHHOLTZ-AU: جی ہاں.

766
00:32:04,810 --> 00:32:06,870
مجھے لگتا ہے کہ شاید لگتا ہے
سب سے آسان طریقہ اس کے بارے میں سوچنے کے لئے.

767
00:32:06,870 --> 00:32:09,270
>> TOMAS REIMERS: تو ہم نے اس کو پایا، اور
ہم اس سے دونوں کو خصوصی ملائے پایا.

768
00:32:09,270 --> 00:32:11,400
اور پھر ہم کے اندر اندر، پوچھ رہے ہیں
یہ لوگ، ٹھنڈا کیا ہے؟

769
00:32:11,400 --> 00:32:12,941
اور یہ ایک، یہ ایک ٹھنڈی کے اندر اندر.

770
00:32:12,941 --> 00:32:14,500
اس میں سے ایک کے اندر اندر، کچھ بھی نہیں اچھا ہے.

771
00:32:14,500 --> 00:32:16,250
تو کیا یہ رہتا ہے کہ صرف ٹیگ ہے.

772
00:32:16,250 --> 00:32:20,112
>> یلیسن BUCHHOLTZ-AU: ٹھنڈی جبکہ
صرف وہاں ان کے ایک ٹیگز کے اندر اندر ہے.

773
00:32:20,112 --> 00:32:21,070
TOMAS REIMERS: بالکل.

774
00:32:21,070 --> 00:32:22,403
اور ان لوگوں میں موجود خصوصی کیا ہے؟

775
00:32:22,403 --> 00:32:22,930
کچھ بھی نہیں.

776
00:32:22,930 --> 00:32:25,270
اب، میں کہتا ہوں گے کیا ہے
کوئی جگہ نہیں تھی تو،

777
00:32:25,270 --> 00:32:29,880
آپ کو ٹھنڈی اور special-- ہے کیا پوچھ رہے ہیں
یا دائیں، خوبصورت اور خاص کیا ہے؟

778
00:32:29,880 --> 00:32:35,370
آپ .special.pretty کہتے ہیں، کہ ہے
.pretty.special طور پر ایک ہی.

779
00:32:35,370 --> 00:32:39,220
>> خلا اتارنے کیا ہے کیونکہ
آپ .special کہنا ہے کہ جب، کر رہا ہے سے پوچھ،

780
00:32:39,220 --> 00:32:40,970
آپ، اوکے، پوچھ رہے ہیں
جو لوگ خاص ہیں؟

781
00:32:40,970 --> 00:32:43,780
اور پھر، ان لوگوں میں سے جو
لوگوں کے بھی بہت سے ہیں،

782
00:32:43,780 --> 00:32:47,010
جس میں گرائمر، ایک ہی ہے،
پوچھ کے طور پر، بہت خوبصورت ہے کیا،

783
00:32:47,010 --> 00:32:49,500
اور پھر ان لوگوں کا، خصوصی بھی کیا ہے؟

784
00:32:49,500 --> 00:32:50,000
ہے نا؟

785
00:32:50,000 --> 00:32:53,099
اس کا فرق ہے
کیا ہے کیا کے اندر اندر ہے.

786
00:32:53,099 --> 00:32:53,640
سامعین: ٹھیک ہے.

787
00:32:53,640 --> 00:32:54,473
TOMAS REIMERS: جی ہاں.

788
00:32:54,473 --> 00:32:56,670

789
00:32:56,670 --> 00:32:58,030
بہت اچھے.

790
00:32:58,030 --> 00:33:00,426
then-- ذہن میں اس کے ساتھ اتنی

791
00:33:00,426 --> 00:33:01,800
>> یلیسن BUCHHOLTZ-AU: میں ہمارے آخری سوچتے ہیں
چیز (فینسی برطانوی تلفظ میں)

792
00:33:01,800 --> 00:33:02,510
باکس ماڈل.

793
00:33:02,510 --> 00:33:05,992
>> TOMAS REIMERS: box-- [منہ دبا ہںسنا]
مجھے یلیسن کا کہنا ہے کہ جس طرح سے محبت.

794
00:33:05,992 --> 00:33:06,950
باکس ماڈل بات تو.

795
00:33:06,950 --> 00:33:09,644
>> یلیسن BUCHHOLTZ-AU: بس ہے
ایک باکس، میں نے آپ کے باکس کے ماڈل ہو جائے گا.

796
00:33:09,644 --> 00:33:11,310
TOMAS REIMERS: تو چلو اس کے بارے میں بات کرتے ہیں.

797
00:33:11,310 --> 00:33:14,070
تو ابھی ہم نے ایک بہت خرچ کیا ہے
وقت کی سلیکٹرز کے بارے میں بات.

798
00:33:14,070 --> 00:33:16,944
اب تک، تم لوگوں کی طرح، شاید ہیں،
آپ کو پتہ ہے selectors-- کے مالک،

799
00:33:16,944 --> 00:33:21,510
بالکل وہی مواد کو منتخب کرنے کے کس طرح ہے کہ
آپ اپنی سکرین پر جوڑتوڑ کرنا چاہتے ہیں.

800
00:33:21,510 --> 00:33:24,740
>> تو اب سوال، کہ کس طرح ہے
بالکل وہی جو آپ اس جوڑتوڑ کر سکتے ہیں؟

801
00:33:24,740 --> 00:33:27,010
لہذا میں نے سب سے بنیادی لگتا ہے
اس کے بارے میں سوچنے کے لئے راستہ

802
00:33:27,010 --> 00:33:30,294
ساتھ ساتھ، بالکل ویسا ہی کیا، ہے
سی ایس ایس میں ایک عنصر ہے؟

803
00:33:30,294 --> 00:33:32,585
ہم نے وقت کی ایک بہت خرچ کیا ہے
کے بارے میں بات، ایک ٹیگ ہے کیا،

804
00:33:32,585 --> 00:33:36,140
یا سب سے بنیادی ہے کیا ہے
ایک ٹیگ کی نمائندگی؟

805
00:33:36,140 --> 00:33:39,870

806
00:33:39,870 --> 00:33:45,170
>> کے بارے میں سوچنے کے لئے ایک اچھا طریقہ
یہ ہے کہ، سامن کیا شکل ہے؟

807
00:33:45,170 --> 00:33:47,295
، طرح، کیا شکل ہے
پس منظر کی سالمن رنگ؟

808
00:33:47,295 --> 00:33:47,880
>> سامعین: یہ ایک مستطیل ہے.

809
00:33:47,880 --> 00:33:49,040
>> TOMAS REIMERS: یہ درست ہے، ایک مستطیل ہے؟

810
00:33:49,040 --> 00:33:50,956
>> یلیسن BUCHHOLTZ-AU:
ایک چال سوال نہیں تھا.

811
00:33:50,956 --> 00:33:51,870
[ہنسی]

812
00:33:51,870 --> 00:33:54,670
>> TOMAS REIMERS: کوشش نہیں
اس دیر تم لوگوں کو دھوکہ کرنے کے لئے.

813
00:33:54,670 --> 00:33:57,510
تو ہم نے اس مستطیل ہے.

814
00:33:57,510 --> 00:33:59,140
اور ٹیگ ایک پی دائیں، ہے؟

815
00:33:59,140 --> 00:34:02,280
تو ہے کہ ہم اچھی دیتا ہے
پیراگراف اس یقین

816
00:34:02,280 --> 00:34:07,440
میں، ایک مستطیل کے طور پر ظاہر کیا جاتا ہے
براؤزر کے ذہن، میں کم از جس میں

817
00:34:07,440 --> 00:34:08,715
یہ ہے.

818
00:34:08,715 --> 00:34:11,423
>> یلیسن BUCHHOLTZ-AU: میرا مطلب ہے
براؤزر، عام طور مستطیل ہیں

819
00:34:11,423 --> 00:34:13,440
تو یہ سمجھ میں آتا ہے.

820
00:34:13,440 --> 00:34:18,750
>> TOMAS REIMERS: خیال میں یہاں ہے
سی ایس ایس کے اندر ٹیگز کے تمام ہے کہ

821
00:34:18,750 --> 00:34:21,790
ایک مستطیل کے طور پر نمائندگی کر رہے ہیں.

822
00:34:21,790 --> 00:34:25,699
اور ہر مستطیل چار ہے
سی ایس ایس کے مطابق حصوں، ٹھیک ہے؟

823
00:34:25,699 --> 00:34:27,830
اگر آپ اصل مواد ہے.

824
00:34:27,830 --> 00:34:29,644
ٹیکسٹ جھوٹ جہاں ہے.

825
00:34:29,644 --> 00:34:30,470
>> یلیسن BUCHHOLTZ-AU:
ہو سکتا ہے کہ آپ کی تصویر.

826
00:34:30,470 --> 00:34:31,303
>> TOMAS REIMERS: جی ہاں.

827
00:34:31,303 --> 00:34:33,860
آپ ہی ہیں جس میں، بھرتی
سفید جگہ کی کچھ قسم کی.

828
00:34:33,860 --> 00:34:35,085
پھر آپ کو ایک کی سرحد ہے.

829
00:34:35,085 --> 00:34:37,710
اور پھر آپ کو، مارجن کی ضرورت ہے جس
اس میں سے باہر سفید جگہ ہے.

830
00:34:37,710 --> 00:34:39,460
کہ کوئی احساس نہیں کرتا تو کیا
کسی کو بھی، اس لیے ہم ہیں

831
00:34:39,460 --> 00:34:42,500
ایک سیکنڈ کے لئے اس کے بارے میں بات کرنے جا رہا.

832
00:34:42,500 --> 00:34:47,570
تو یہیں، ہم کیا کرنے جا رہے ہیں
ہم ٹھیک ہیں، کچھ divs کے پیدا کرنے کے لئے جا رہے ہیں کیا جاتا ہے؟

833
00:34:47,570 --> 00:34:48,420
مجھے معاف کیجئے گا، جبکہ میں ...

834
00:34:48,420 --> 00:34:51,506
>> یلیسن BUCHHOLTZ-AU: میں جیسا لگ رہا ہے
ہم میں ایک خوبصورت تصویر ڈال چاہئے.

835
00:34:51,506 --> 00:34:52,520
>> TOMAS REIMERS: ہم ضرور کرنا چاہئے.

836
00:34:52,520 --> 00:34:53,389
>> یلیسن BUCHHOLTZ-AU:
میں نے سب کی طرح محسوس

837
00:34:53,389 --> 00:34:54,870
ایک سے مستفید ہو سکیں
پیاری تصویر، تمام ہے.

838
00:34:54,870 --> 00:34:56,774
>> TOMAS REIMERS: کر سکتے ہیں ہم
a-- سے فائدہ اٹھا

839
00:34:56,774 --> 00:34:57,648
>> سامعین: جی ہاں، اس بات کا یقین.

840
00:34:57,648 --> 00:34:58,790
TOMAS REIMERS: ٹھیک ہے، ڈاؤن لوڈ، اتارنا.

841
00:34:58,790 --> 00:35:02,254
تو ہم نے ایک پیارا رکھنا چاہیئے
کہیں میں آپ کی تصویر.

842
00:35:02,254 --> 00:35:05,295
یلیسن BUCHHOLTZ-AU: میں ایک کی طرح محسوس
خوبصورت بنی ہے ابھی مفید ہو سکتا ہے.

843
00:35:05,295 --> 00:35:06,190
TOMAS REIMERS: ضرور.

844
00:35:06,190 --> 00:35:06,950
یلیسن BUCHHOLTZ-AU: ہفتے کے اختتام.

845
00:35:06,950 --> 00:35:07,390
کچھ ہے adorab--

846
00:35:07,390 --> 00:35:08,520
>> TOMAS REIMERS: کس طرح ایک بلی کا بچہ مککیبازی؟

847
00:35:08,520 --> 00:35:09,220
>> یلیسن BUCHHOLTZ-AU:
ایک بلی کا بچہ بھی کام کرتا ہے.

848
00:35:09,220 --> 00:35:11,300
>> TOMAS REIMERS: اتارنا، کیونکہ
اس کے لئے ایک ویب سائٹ ہے.

849
00:35:11,300 --> 00:35:12,300
یہ PlaceKitten کہا جاتا ہے.

850
00:35:12,300 --> 00:35:14,719
یلیسن BUCHHOLTZ-AU: یہ بہت اچھا ہے.

851
00:35:14,719 --> 00:35:15,510
TOMAS REIMERS: جی ہاں.

852
00:35:15,510 --> 00:35:18,040
یلیسن BUCHHOLTZ-AU: بس کی طرح، کے لئے،
آپ کی ویب سائٹ میں پلیس ہولڈر تصاویر.

853
00:35:18,040 --> 00:35:18,914
TOMAS REIMERS: ملی میٹر-HM.

854
00:35:18,914 --> 00:35:21,520
PlacePuppy بھی ہے.

855
00:35:21,520 --> 00:35:22,832
اور PlaceBacon وہاں ہے.

856
00:35:22,832 --> 00:35:24,340
>> یلیسن BUCHHOLTZ-AU: PlaceBacon؟

857
00:35:24,340 --> 00:35:25,350
سچ میں؟

858
00:35:25,350 --> 00:35:28,190
>> TOMAS REIMERS: اوہ، ہم ایسا نہیں کرتے
یہاں انٹرنیٹ تک رسائی ہے.

859
00:35:28,190 --> 00:35:29,875
>> یلیسن BUCHHOLTZ-AU: [ہاںفتے]

860
00:35:29,875 --> 00:35:30,375
المناک.

861
00:35:30,375 --> 00:35:32,333
TOMAS REIMERS: دوسری صورت میں،
میں تم لوگوں کو دکھائے گا

862
00:35:32,333 --> 00:35:33,870
کس طرح آپ کی ویب سائٹ میں تصاویر ڈال کرنے کے لئے.

863
00:35:33,870 --> 00:35:36,370
ہم اس کو حاصل کرنے کی کوشش کرنے کے لئے جا رہے ہیں
ہمیں جانا ہے پہلے کام کر.

864
00:35:36,370 --> 00:35:38,660
لیکن اب کے لئے، ہم صرف ہو
پھر رنگوں میں بات کرنے جا رہا.

865
00:35:38,660 --> 00:35:39,820
ہم kittens-- کی تصویریں رکھنا چاہتا ہوں

866
00:35:39,820 --> 00:35:40,210
>> یلیسن BUCHHOLTZ-AU: ہم نے کیا.

867
00:35:40,210 --> 00:35:43,110
>> TOMAS REIMERS: --the انٹرنیٹ کی
لمحے کے لئے نیچے ہونے.

868
00:35:43,110 --> 00:35:47,820
تو ہم نے دو divs ہے، اور ہم ہیں
ان میں دو آئی ڈی دینے جا رہا.

869
00:35:47,820 --> 00:35:51,380

870
00:35:51,380 --> 00:35:56,760
ہم یہ کہتے ہیں جا رہے ہیں
"سب سے پہلے" اور "دوسرا."

871
00:35:56,760 --> 00:36:01,184
تاکہ ID = "پہلا."

872
00:36:01,184 --> 00:36:02,850
اور ہم نے انہیں دو رنگ دینے کے لئے جا رہے ہیں.

873
00:36:02,850 --> 00:36:08,424
تو ہم نے کچھ منتخب کرتے کہ کس طرح
"سب سے پہلے" کی ID کے ساتھ؟

874
00:36:08,424 --> 00:36:09,840
یلیسن BUCHHOLTZ-AU: ڈاٹ یا ہیش؟

875
00:36:09,840 --> 00:36:10,730
سامعین: شارپ.

876
00:36:10,730 --> 00:36:12,940
TOMAS REIMERS: تیز، کامل.

877
00:36:12,940 --> 00:36:14,950
تیز، ہیش، جو کچھ بھی we--

878
00:36:14,950 --> 00:36:15,680
>> یلیسن BUCHHOLTZ-AU:
بہت سی چیزیں اسے فون کرنے کی.

879
00:36:15,680 --> 00:36:16,430
>> TOMAS REIMERS: ٹھیک ہے.

880
00:36:16,430 --> 00:36:19,800
ہم سے hashtag پر حل کرنے کے لئے جا، اور کر رہے ہیں
کہ ہم کے ساتھ جانے کے لئے جا رہے ہیں.

881
00:36:19,800 --> 00:36:20,300
ٹھیک ہے؟

882
00:36:20,300 --> 00:36:20,735
>> یلیسن BUCHHOLTZ-AU: Hashtag کی.

883
00:36:20,735 --> 00:36:22,340
>> TOMAS REIMERS: تو hashtag کے کے پہلے.

884
00:36:22,340 --> 00:36:24,506
>> یلیسن BUCHHOLTZ-AU: تو
آپ seminar-- ٹویٹ سکتے ہیں

885
00:36:24,506 --> 00:36:27,582
hashtag کے سی ایس ایس، ٹھنڈی hashtag کے.

886
00:36:27,582 --> 00:36:29,040
TOMAS REIMERS: Hashtag کی مسرت انگیزی.

887
00:36:29,040 --> 00:36:30,730
یلیسن BUCHHOLTZ-AU:
hashtag کے انگیزی، ہاں.

888
00:36:30,730 --> 00:36:31,480
TOMAS REIMERS: ٹھیک ہے.

889
00:36:31,480 --> 00:36:33,660
تو ہم نے "سب سے پہلے" اور "دوسرا." ہے

890
00:36:33,660 --> 00:36:37,697
تو سب سے پہلے، ہم ضرورت کے لئے جا رہے ہیں
سرخ رنگ کا ایک پس منظر کا رنگ.

891
00:36:37,697 --> 00:36:39,030
یلیسن BUCHHOLTZ-AU: اہ، بڑی آنت.

892
00:36:39,030 --> 00:36:40,281
TOMAS REIMERS: جی ہاں.

893
00:36:40,281 --> 00:36:42,281
یلیسن BUCHHOLTZ-AU:
میں نے آپ کو موقع چیکر ہو جائے گا.

894
00:36:42,281 --> 00:36:43,960
TOMAS REIMERS: یلیسن کی مجھے پکڑ لیا.

895
00:36:43,960 --> 00:36:45,830
blue-- کے پس منظر کا رنگ

896
00:36:45,830 --> 00:36:46,810
>> TOMAS REIMERS: جامنی!

897
00:36:46,810 --> 00:36:47,726
>> TOMAS REIMERS: جامنی.

898
00:36:47,726 --> 00:36:48,830
یلیسن BUCHHOLTZ-AU: جی ہاں.

899
00:36:48,830 --> 00:36:50,630
جامنی رنگ کے میرا پسندیدہ رنگ،
اور ہم ابھی تک اسے استعمال نہیں کیا ہے.

900
00:36:50,630 --> 00:36:51,546
>> TOMAS REIMERS: وایلیٹ.

901
00:36:51,546 --> 00:36:53,361
یلیسن BUCHHOLTZ-AU: وایلیٹ.

902
00:36:53,361 --> 00:36:53,860
کہ کام کرتا ہے.

903
00:36:53,860 --> 00:36:56,482

904
00:36:56,482 --> 00:36:59,880
>> TOMAS REIMERS: تو ہم ہیں
دو divs کر جا رہا.

905
00:36:59,880 --> 00:37:01,654
وہ مکمل طور پر خالی ہونے کے لئے جا رہے ہیں.

906
00:37:01,654 --> 00:37:03,070
ہم شاید کچھ متن ہونا چاہئے.

907
00:37:03,070 --> 00:37:05,580

908
00:37:05,580 --> 00:37:09,815
تو "سب سے پہلے" کی جا رہی ہے "ہیلو."

909
00:37:09,815 --> 00:37:10,940
اور "دوسری" کہیں گے

910
00:37:10,940 --> 00:37:11,110
>> یلیسن BUCHHOLTZ-AU: الوداع.

911
00:37:11,110 --> 00:37:12,514
>> سامعین: - "دنیا."

912
00:37:12,514 --> 00:37:14,122
الوداع، ہیلو.

913
00:37:14,122 --> 00:37:16,580
یلیسن BUCHHOLTZ-AU: میں نے دیکھا
کنسرٹ میں ان کے دوسرے ہفتے.

914
00:37:16,580 --> 00:37:17,705
TOMAS REIMERS: بیٹلس؟

915
00:37:17,705 --> 00:37:20,242
یلیسن BUCHHOLTZ-AU: reals کے لئے.

916
00:37:20,242 --> 00:37:21,200
انہوں نے کہ عظیم نہیں ہیں.

917
00:37:21,200 --> 00:37:24,084

918
00:37:24,084 --> 00:37:24,750
مجھے یہ پسند نہیں ہے.

919
00:37:24,750 --> 00:37:26,060
>> TOMAS REIMERS: ہم
"ہیلو" اور "الوداع."

920
00:37:26,060 --> 00:37:29,102
اور ایک بار پھر، سی ایس ایس، صرف خوفناک ہے
یہ ہماری رنگوں کو تسلیم کرتی ہے کیونکہ.

921
00:37:29,102 --> 00:37:30,810
یہاں تک کہ کرنے کی ضرورت نہیں
وہ موجود ہے کہ فکر.

922
00:37:30,810 --> 00:37:33,194
وہ ایسا کرتے ہیں.

923
00:37:33,194 --> 00:37:35,130
>> یلیسن BUCHHOLTZ-AU: وہ وجود.

924
00:37:35,130 --> 00:37:39,560
>> TOMAS REIMERS: تو سی ایس ایس میں ہے لگتا ہے
255 الفاظ رنگ کے بارے میں بات کرنے کے لئے.

925
00:37:39,560 --> 00:37:42,986
اگر آپ باہر ایک رنگ کے بارے میں سوچ سکتے ہیں تو
ان لوگوں کو 255، کی طرح، میں متاثر کیا جائے گا.

926
00:37:42,986 --> 00:37:44,110
یلیسن BUCHHOLTZ-AU: جی ہاں.

927
00:37:44,110 --> 00:37:45,560
میں تم لوگوں کو ہو سکتا ہے لگتا ہے کہ
صرف حق کے بعد میں آتے ہیں.

928
00:37:45,560 --> 00:37:47,727
>> TOMAS REIMERS: تو یہاں،
آپ کو ہم دو خانوں ہے نظر آئے گا

929
00:37:47,727 --> 00:37:49,143
حق ایک دوسرے کے، حق کے سب سے اوپر پر؟

930
00:37:49,143 --> 00:37:50,200
HELLO اور الوداع.

931
00:37:50,200 --> 00:37:51,460
>> یلیسن BUCHHOLTZ-AU:
درمیان میں کوئی جگہ نہیں ہے.

932
00:37:51,460 --> 00:37:53,390
وہ صرف smooshed رہے
حق ہر ایک دوسرے کے اوپر.

933
00:37:53,390 --> 00:37:55,973
>> TOMAS REIMERS: تو پہلی بات
میرے خیال میں ہم کے بارے میں بات کرنی چاہئے لگتا ہے

934
00:37:55,973 --> 00:38:02,960
کی بھی ہاں کہیں دو ہے.

935
00:38:02,960 --> 00:38:08,020
لہذا سی ایس ایس خانوں کی طرح کے طور پر ان کی نمائندگی.

936
00:38:08,020 --> 00:38:10,100
اور باکس کے طور پر، وہ مواد ہے.

937
00:38:10,100 --> 00:38:14,540
اور مواد کو ابھی طرح کی ہے
ہیلو یا الوداع اور یہ بات ہے.

938
00:38:14,540 --> 00:38:15,040
ٹھیک ہے؟

939
00:38:15,040 --> 00:38:19,790
>> سب سے پہلے میں سے ایک چیز تو تم نے
کیا کر سکتے ہیں اگر آپ کو بھرتی شامل کر سکتے ہیں ہے.

940
00:38:19,790 --> 00:38:25,610
بھرتی کتنی جگہ کہتے ہیں
یہ ہر طرف چھوڑ دینا چاہئے.

941
00:38:25,610 --> 00:38:29,200
تو چلو میں کہنا چاہتا ہوں کہنے دو
ہر طرف 10 پکسلز.

942
00:38:29,200 --> 00:38:31,234
اور میں ایک دوسرے میں اس ویچرچھیدن گا.

943
00:38:31,234 --> 00:38:33,150
یلیسن BUCHHOLTZ-AU:
یہاں ان تمام چیزوں کے

944
00:38:33,150 --> 00:38:36,980
پکسلز میں زیادہ تر ہونے کے لئے جا رہے ہیں
سیمینار کے آرام کے لئے.

945
00:38:36,980 --> 00:38:40,980
اگر آپ یہ ہے کہ کو دیکھنے کے لئے جا رہے ہیں
اس کے ارد گرد کچھ جگہ، ہے نا؟

946
00:38:40,980 --> 00:38:46,360
تو آپ کو یہاں نظر نہیں آتا کیا وہاں ہے
بھرتی کے اس پوشیدہ ترتیب دیں

947
00:38:46,360 --> 00:38:49,600
کی طرح، جس کا کہنا ہے ہر طرف، پر،
ٹھیک ہے، تم content-- کے اپنی باکس ہے

948
00:38:49,600 --> 00:38:51,680
>> یلیسن BUCHHOLTZ-AU: کیا آپ چاہتے ہیں
بالکل اسی کا معائنہ عنصر کو ھیںچو کرنے کے لئے؟

949
00:38:51,680 --> 00:38:53,659
>> TOMAS REIMERS: جی ہاں، یہ ایک اچھا خیال ہے.

950
00:38:53,659 --> 00:38:56,700
یلیسن BUCHHOLTZ-AU: اس کے علاوہ، میں تلاش
کا معائنہ عنصر ایک اچھا طریقہ ہے کہ

951
00:38:56,700 --> 00:39:01,280
کچھ تو ہو رہا ہے اگر معلوم کرنا
غلط، غیر متوقع طور پر کچھ ہوتا ہے،

952
00:39:01,280 --> 00:39:04,570
ٹیگز کا معائنہ اور دیکھ کیا
ادلیکھت مددگار ہے کی طرح ہے.

953
00:39:04,570 --> 00:39:05,940
>> TOMAS REIMERS: تو مجھے یقین نہیں ہے
تم لوگوں کو اس رنگ دیکھ سکتے ہیں.

954
00:39:05,940 --> 00:39:06,470
آپ کر سکتے ہیں؟

955
00:39:06,470 --> 00:39:10,120
آپ کو اس بھرتی کو دیکھ لیں گے
کنارے کی قسم پر.

956
00:39:10,120 --> 00:39:13,410
اور پھر آپ کو اصل دیکھیں
نیلے رنگ میں مواد، ہے نا؟

957
00:39:13,410 --> 00:39:16,820
تو ہے کہ بہت ہے
باکس ماڈل کی بنیادی معلومات.

958
00:39:16,820 --> 00:39:17,674
آپ مواد ہے.

959
00:39:17,674 --> 00:39:18,590
تو پھر تم بھرتی.

960
00:39:18,590 --> 00:39:20,440
>> شائقین کو کیوں صرف نہیں ..
INT کے اندر باکس کا استعمال

961
00:39:20,440 --> 00:39:21,606
>> یلیسن BUCHHOLTZ-AU: صحیح.

962
00:39:21,606 --> 00:39:24,745
یہ صرف منتخب کرنے کی ہے کیونکہ
ابھی کے عنصر.

963
00:39:24,745 --> 00:39:26,050
>> TOMAS REIMERS: جی ہاں.

964
00:39:26,050 --> 00:39:27,060
دوسری چیزوں کے.

965
00:39:27,060 --> 00:39:29,780
تو چلو اس کے بارے میں بات کرتے ہیں
ایک سیکنڈ کے لئے بھرتی کمانڈ.

966
00:39:29,780 --> 00:39:36,380
سی ایس ایس، پیمائش میں اتنی
ایک اکائی ہے کی ضرورت ہے.

967
00:39:36,380 --> 00:39:39,740
پہلے تو آپ کو رقم ہے.

968
00:39:39,740 --> 00:39:41,460
تو اس معاملے میں، ہم نے 10 کہا ہے.

969
00:39:41,460 --> 00:39:44,780
اور پھر اگلے ایک
کہا ہے کہ ہم پکسلز، پکسلز ہے.

970
00:39:44,780 --> 00:39:49,160
آپ ہو سکتا ہے دوسرے لوگ ہیں
سینٹی میٹر، انچ طرح کی چیزیں.

971
00:39:49,160 --> 00:39:51,367
آپ چیزوں کو پسند کیا کر سکتے ہیں،
10 انچ کیا ہے؟

972
00:39:51,367 --> 00:39:52,700
اور یہ مضحکہ خیز ہو رہا ہے.

973
00:39:52,700 --> 00:39:52,990
>> یلیسن BUCHHOLTZ-AU: اوہ، لڑکے.

974
00:39:52,990 --> 00:39:53,460
>> سامعین: واہ.

975
00:39:53,460 --> 00:39:54,460
>> ٹامس اور یلیسن: جی ہاں.

976
00:39:54,460 --> 00:39:57,840
TOMAS REIMERS: تو کہ تمام بھرتی ہے.

977
00:39:57,840 --> 00:39:59,255
مجھے پکسلز پر واپس جانے کے لئے جا رہا ہوں.

978
00:39:59,255 --> 00:40:01,754
>> یلیسن BUCHHOLTZ-AU: پکسلز
معیاری، جیسے، ہو جاتے ہیں.

979
00:40:01,754 --> 00:40:04,589
آپ کی ویب سائٹ کی ایک بہت کچھ پر نظر ڈالیں تو،
وہ زیادہ تر پکسلز میں کام کرتے ہیں.

980
00:40:04,589 --> 00:40:07,755
TOMAS REIMERS: تو آپ کو دیکھنے کے لئے جا رہے ہیں
یا تو آپ کو دیکھ کر دوسرے لوگ pixels--

981
00:40:07,755 --> 00:40:13,952
ایک کے اندر ہے ہے جو، اتارنا ہے
فونٹ کی اونچائی کے برابر

982
00:40:13,952 --> 00:40:15,160
جس میں آپ فی الحال استعمال کر رہے ہیں.

983
00:40:15,160 --> 00:40:16,201
>> یلیسن BUCHHOLTZ-AU: ملی میٹر.

984
00:40:16,201 --> 00:40:17,574

985
00:40:17,574 --> 00:40:20,740
TOMAS REIMERS: یہ، کہنے کے لئے ایک اچھا طریقہ ہے
کی طرح، میں نے اپنے فونٹ کے طور پر زیادہ سے زیادہ جگہ چاہتے ہیں

986
00:40:20,740 --> 00:40:21,514
لے جا رہا ہے.

987
00:40:21,514 --> 00:40:23,180
یلیسن BUCHHOLTZ-AU: یہ معلوم نہیں تھا.

988
00:40:23,180 --> 00:40:25,747
آپ کو کچھ نیا ہر روز سیکھنے.

989
00:40:25,747 --> 00:40:27,955
TOMAS REIMERS: ہے ایک
CS میں پیمائش کی ایک بہت ہے.

990
00:40:27,955 --> 00:40:29,260
میں نے آپ کو ان کو نظر تجویز ہے.

991
00:40:29,260 --> 00:40:32,122
تمام مقدمات کے لئے، مجھے لگتا ہے کہ
پکسلز کافی ہونا چاہئے.

992
00:40:32,122 --> 00:40:33,830
اور وہ بھی ہو کیا بات ہے
آپ کو دیکھ کر جا رہے ہیں

993
00:40:33,830 --> 00:40:36,520
آن لائن کیا مثالوں میں سے اکثریت میں.

994
00:40:36,520 --> 00:40:38,320
تو ہم نے پکسلز میں چھوڑ دیں گے.

995
00:40:38,320 --> 00:40:42,420
>> آپ یہ بھی، میں نے تو کہیں چاہئے کر سکتے ہیں
بھرتی سیٹوں paddings کے کی تمام.

996
00:40:42,420 --> 00:40:49,789
آپ بھی ایسا کچھ کر سکتی
بالکل اسی set-- کو "بھرتی ٹاپ"

997
00:40:49,789 --> 00:40:52,080
یلیسن BUCHHOLTZ-AU: ہو سکتا ہے
ہم اپنے "ہیلو" واپس مل جائے گا.

998
00:40:52,080 --> 00:40:55,480
TOMAS REIMERS: صرف مقرر --to
سب سے اوپر ہے اور کچھ نہیں پر بھرتی.

999
00:40:55,480 --> 00:40:59,560
تو چار حکم دیتا بھرتی ٹاپ ہیں،
بھرتی-نیچے، بھرتی سے بائیں،

1000
00:40:59,560 --> 00:41:00,310
اور بھرتی سے دائیں.

1001
00:41:00,310 --> 00:41:02,470
>> یلیسن BUCHHOLTZ-AU: بس کی طرح
آپ کو ایک باکس کے لئے توقع کریں گے.

1002
00:41:02,470 --> 00:41:03,530
>> TOMAS REIMERS: جی ہاں.

1003
00:41:03,530 --> 00:41:05,240
کوئی بات نہیں بھی پاگل.

1004
00:41:05,240 --> 00:41:08,230
کہ عقل مندی ہے؟

1005
00:41:08,230 --> 00:41:11,990
تو ہے کہ بھرتی ہے.

1006
00:41:11,990 --> 00:41:14,110
میں نے سب کو قائم کرنے کے لئے جا رہا ہوں
واپس 10 سے paddings کے.

1007
00:41:14,110 --> 00:41:17,010
اور پھر میں نے سرحد پر منتقل کرنے جا رہا ہوں.

1008
00:41:17,010 --> 00:41:21,130
>> تو کیا ہوا اگر سرحد ہے
سرحد ایک عجیب کمانڈ ہے.

1009
00:41:21,130 --> 00:41:24,450
اس بار میں تین چیزوں کی طرح لگتے ہیں.

1010
00:41:24,450 --> 00:41:28,930
پہلے تو آپ کو کتنا بڑا ہے
یہ ایک پیمائش کے طور پر بننا چاہتا ہوں.

1011
00:41:28,930 --> 00:41:30,662
ایک بار پھر، میں نے صرف پکسلز استعمال کر رہا ہوں.

1012
00:41:30,662 --> 00:41:32,620
اور آخری بات میں
پیمائش شامل کرنا چاہئے

1013
00:41:32,620 --> 00:41:35,270
ایک بات ہے جس میں
ایک اکائی کی ضرورت نہیں ہے 0 ہے.

1014
00:41:35,270 --> 00:41:37,390
یہ اصل میں غلط ہے
0 یونٹ دینے کے لئے،

1015
00:41:37,390 --> 00:41:41,940
0 0 انچ بھر ہے کیونکہ،
پکسلز، سینٹی میٹر، جو کچھ بھی.

1016
00:41:41,940 --> 00:41:43,960
یہ سب صرف صحیح، 0 کا مطلب ہے؟

1017
00:41:43,960 --> 00:41:46,710
تو سب سے پہلے آپ اسے پیمائش دینے کے.

1018
00:41:46,710 --> 00:41:48,650
>> پھر تم اس کے طرز دے.

1019
00:41:48,650 --> 00:41:49,869
لہذا میں کہنے جا رہا ہوں "ٹھوس".

1020
00:41:49,869 --> 00:41:51,410
اور ہم اس مطلب کے بارے میں بات کریں گے.

1021
00:41:51,410 --> 00:41:54,290
اور پھر آخر میں، آپ کو یہ ایک رنگ دے.

1022
00:41:54,290 --> 00:41:56,850
لہذا میں کہنے جا رہا ہوں "سیاہ."

1023
00:41:56,850 --> 00:41:59,637
اور ان میں ہم نے تمام چیزیں ہیں
اب سٹائل کے علاوہ، اس سے پہلے دیکھا،

1024
00:41:59,637 --> 00:42:00,720
لیکن ہم اس کے بارے میں بات کریں گے.

1025
00:42:00,720 --> 00:42:04,120
تو تم لوگ پیمائش دیکھا ہے،
اور آپ کے رنگ دیکھا ہے.

1026
00:42:04,120 --> 00:42:10,410
اور کیا ہوتا ہے اگر ہم اس ملتا ہے
اس کے ارد گرد اچھی سیاہ سرحد، ٹھیک ہے؟

1027
00:42:10,410 --> 00:42:11,620
ہم کہ وہ کس طرح کیا تم لوگوں کو دیکھ رہے ہو؟

1028
00:42:11,620 --> 00:42:12,760
>> سامعین: جی ہاں.

1029
00:42:12,760 --> 00:42:14,850
>> TOMAS REIMERS: اتارنا.

1030
00:42:14,850 --> 00:42:17,370
تو وہ کیا ہے؟

1031
00:42:17,370 --> 00:42:19,160
سب سے پہلے تو، یہ ایک پکسل ہے.

1032
00:42:19,160 --> 00:42:20,880
یہ ٹھیک ہے، کافی خود واضح ہے؟

1033
00:42:20,880 --> 00:42:23,254
کی طرح، یہ ایک پکسل موٹی ہے.

1034
00:42:23,254 --> 00:42:26,170
یا پھر یہ ایک پکسل ہو جائے گا، لیکن میں ہوں
یہ تھوڑا سا زیادہ ہے تو، میں یکبر

1035
00:42:26,170 --> 00:42:26,490
اس سے.

1036
00:42:26,490 --> 00:42:27,967
>> یلیسن BUCHHOLTZ-AU: اور ہم ہیں
یہ مضحکہ خیز قرارداد ٹی وی.

1037
00:42:27,967 --> 00:42:29,460
>> TOMAS REIMERS: جی ہاں.

1038
00:42:29,460 --> 00:42:33,640
آپ اسے بڑا کر سکتے ہیں،
چھوٹے، جو کچھ بھی.

1039
00:42:33,640 --> 00:42:35,630
تو یہاں ایک دو پکسل سرحد ہے.

1040
00:42:35,630 --> 00:42:38,810
آپ اسے موٹی طور پر دو مرتبہ ہے نظر آئے گا.

1041
00:42:38,810 --> 00:42:40,172
آپ کے پاس ہے اگلی بات رنگ ہے.

1042
00:42:40,172 --> 00:42:41,130
جو دلچسپ نہیں ہے.

1043
00:42:41,130 --> 00:42:42,710
مجھے بات کرنے نہیں جا رہا ہوں
واقعی، اس کے بارے میں.

1044
00:42:42,710 --> 00:42:45,110
>> یلیسن BUCHHOLTZ-AU: لیکن سٹائل
صرف ایک چھوٹی سی دلچسپ ہو سکتا ہے.

1045
00:42:45,110 --> 00:42:45,980
>> TOMAS REIMERS: جی ہاں.

1046
00:42:45,980 --> 00:42:48,560
سٹائل تو، چند والے ہیں
میں عام طور پر استعمال دیکھتے ہیں.

1047
00:42:48,560 --> 00:42:55,690
سب سے پہلے ایک کی ٹھوس، اگلے ایک کے
بندیدار، اور گزشتہ ایک کے ڈیش دار.

1048
00:42:55,690 --> 00:42:59,290
اور یہاں بندیدار ہے.

1049
00:42:59,290 --> 00:43:02,980
تم وہ ہو کہ دیکھ لیں گے
نقطوں کا ایک گروپ، ہے نا؟

1050
00:43:02,980 --> 00:43:09,030
قسم کا ایک اچھا سرحد حاصل کرنے کے لئے ایک اچھا طریقہ
جا، ڈیش بھی بہت مقبول ہیں.

1051
00:43:09,030 --> 00:43:11,580

1052
00:43:11,580 --> 00:43:13,600
>> یلیسن BUCHHOLTZ-AU:
اور پھر کورس، میں ہوں

1053
00:43:13,600 --> 00:43:16,660
اس بات کا یقین کے دیگر بہت سارے ہیں
آپ حاصل کر سکتے ہیں کہ شیلیوں.

1054
00:43:16,660 --> 00:43:20,000
اور ہم کا ایک بڑا مجموعہ ہے
تم لوگوں کے لئے آخر میں لنک

1055
00:43:20,000 --> 00:43:23,470
اس قسم کی peruse کرنے اور
زیادہ ٹھنڈی سی ایس ایس میں نظر آتے ہیں.

1056
00:43:23,470 --> 00:43:25,954
>> TOMAS REIMERS: اور پھر
آخری بات یہ ہے، ہم ہیں

1057
00:43:25,954 --> 00:43:27,870
کے بارے میں بات کرنے جا
باکس کے ماڈل اصلی فوری.

1058
00:43:27,870 --> 00:43:30,070
اوہ، اور اس کے بعد سرحد،
بالکل ویسی بھرتی کی طرح،

1059
00:43:30,070 --> 00:43:33,270
آپ بھی طرح چیزیں ہیں
سرحد سے بائیں، سرحد سے دائیں، سرحد ٹاپ،

1060
00:43:33,270 --> 00:43:37,590
سرحد-نیچے، آپ کو اجازت دیتے ہیں جو
ایک مخصوص سرحد پر حاصل کرنے کے لئے.

1061
00:43:37,590 --> 00:43:40,650
تو یہاں صرف سرحد بائیں سے مقرر ہے.

1062
00:43:40,650 --> 00:43:43,060
کہ سمجھ میں آتا ہے کرتا ہے؟

1063
00:43:43,060 --> 00:43:46,170
>> یلیسن BUCHHOLTZ-AU: یہ ایک اچھی بات ہے
جس طرح چیزوں پر زور دیتے ہیں یا شامل کرنے کے لئے

1064
00:43:46,170 --> 00:43:47,545
مختلف عناصر کے درمیان لائنوں.

1065
00:43:47,545 --> 00:43:48,670
TOMAS REIMERS: بالکل.

1066
00:43:48,670 --> 00:43:50,940
تو ہے کہ ہماری سرحد ہے.

1067
00:43:50,940 --> 00:43:52,790
اور گزشتہ ایک کے مارجن.

1068
00:43:52,790 --> 00:43:55,892
مارجن کی طرح بھرتی
اس within-- نہیں ہے سوائے

1069
00:43:55,892 --> 00:43:57,975
یلیسن BUCHHOLTZ-AU: یہ ہے
نہ آپ کے عنصر کے ارد گرد

1070
00:43:57,975 --> 00:44:00,840
لیکن اصل میں پورے کے ارد گرد
باکس ہم دیکھ رہا ہوں کہ.

1071
00:44:00,840 --> 00:44:02,770
>> TOMAS REIMERS: جی ہاں.

1072
00:44:02,770 --> 00:44:04,090
یلیسن بالکل یہ کہا.

1073
00:44:04,090 --> 00:44:07,550
یہ آپ کے اندر، طرح، نہیں ہے
عنصر، یہ پورے باکس کے ارد گرد ہے.

1074
00:44:07,550 --> 00:44:10,900
اس طرح کی چیزیں مطلب ہے
پس منظر کی اس پر لاگو نہیں کرتے.

1075
00:44:10,900 --> 00:44:13,550
اور یہ بنیادی طور پر، کا کہنا ہے کہ
کی طرح، میں نے کچھ بھی نہیں کرنا چاہتے

1076
00:44:13,550 --> 00:44:15,230
میرے لئے یہ زیادہ خلا میں.

1077
00:44:15,230 --> 00:44:17,470
ہم یہاں کی طرح بہت
10 پکسلز کے مارجن.

1078
00:44:17,470 --> 00:44:23,100
10 پکسلز کے اندر تو کچھ بھی نہیں
میرے ساتھ ہونا چاہئے.

1079
00:44:23,100 --> 00:44:26,210
کہ کی طرح ہے اس کی
خلا لیکن قسم کی نہیں.

1080
00:44:26,210 --> 00:44:29,215
تو ہے کہ بہت ہے
باکس ماڈل کی بنیادی معلومات.

1081
00:44:29,215 --> 00:44:30,090
کہ عقل مندی ہے؟

1082
00:44:30,090 --> 00:44:33,830

1083
00:44:33,830 --> 00:44:34,550
ٹھنڈی، ٹھنڈی.

1084
00:44:34,550 --> 00:44:35,800
یلیسن BUCHHOLTZ-AU: بہت اچھے.

1085
00:44:35,800 --> 00:44:37,890
تو اب میں صرف ہم سوچتے ہیں
ہمارے ٹھنڈی وسائل ہیں

1086
00:44:37,890 --> 00:44:41,220
ہم نے تم لوگوں کو لے جائیں گے کہ
بہت جلد کے ذریعے.

1087
00:44:41,220 --> 00:44:44,815
اور ہم اچھی طرح اصل لیں گے،
ہم نے ابھی تک انٹرنیٹ کی کیا ضرورت ہے؟

1088
00:44:44,815 --> 00:44:47,860
>> TOMAS REIMERS: چلو
مجھے up-- کھول سکتے ہیں دیکھنے کے

1089
00:44:47,860 --> 00:44:50,040
مجھے صرف تو دیکھنے دو مجھے
فوری طور پر انٹرنیٹ حاصل کر سکتے ہیں

1090
00:44:50,040 --> 00:44:53,317
یلیسن چیز کے بارے میں بات کرتی ہے جبکہ
یلیسن کے بارے میں بات کرنا چاہتا ہے.

1091
00:44:53,317 --> 00:44:55,150
یلیسن BUCHHOLTZ-AU:
تاکہ بنیادی طور پر میں ایسا نہیں کرتے

1092
00:44:55,150 --> 00:44:57,930
میں اس وقت کیا کہہ سکتے ہیں اور کیا جانتے ہیں.

1093
00:44:57,930 --> 00:45:01,340
لیکن ان میں سے کچھ
واقعی اچھا وسائل.

1094
00:45:01,340 --> 00:45:04,629
یہ وہ لوگ ہیں ہیں کہ
ٹامس اور میں نے استعمال کیا ہے

1095
00:45:04,629 --> 00:45:06,420
اور ہم اصل میں اس
اس کے لئے تیار کرنے کے لئے استعمال.

1096
00:45:06,420 --> 00:45:09,940
w3schools کی ایک یہ ہے کہ آپ کو
لوگ اس سے پہلے دیکھا ہے چاہئے.

1097
00:45:09,940 --> 00:45:12,440
ہم نے ایک کے لئے اس کی سفارش
سی ایس ایس کے ساتھ بہت سی چیزوں کے.

1098
00:45:12,440 --> 00:45:15,060
میں نے بھی اس کی سفارش جانتے ہیں
میرے حصے میں ہر وقت.

1099
00:45:15,060 --> 00:45:21,050
>> بڑے بڑے کام میں سے ایک یہ ہے کہ
سی ایس ایس کے ساتھ گڑبڑ کی قسم کی اجازت دیتا ہے

1100
00:45:21,050 --> 00:45:23,830
اور تبدیلیوں دیکھیں
فوری طور پر اس میں،

1101
00:45:23,830 --> 00:45:25,920
کی طرح، ڈبل ونڈو کا یہ ہے کہ دیکھنے.

1102
00:45:25,920 --> 00:45:29,980
تو اگر آپ کے بارے میں فکر کرنے کی ضرورت نہیں
آپ کی اپنی ویب صفحے کے قیام،

1103
00:45:29,980 --> 00:45:33,090
یا میں vhost کے قائم کرنا
مقامی آلات اور مقامی میزبان،

1104
00:45:33,090 --> 00:45:34,980
اور وہ سب چیزیں کام کرنے کی ہو رہی ہے.

1105
00:45:34,980 --> 00:45:36,830
یہ درست صفحے کے اندر اندر سرایت کر رہا ہے.

1106
00:45:36,830 --> 00:45:39,042
>> اور یہ ان بہت کم ہے
اسباق کہ آپ کر سکتے ہیں

1107
00:45:39,042 --> 00:45:40,750
جاننے کے لئے کے ذریعے جائیں
سلیکٹرز کے بارے میں مزید،

1108
00:45:40,750 --> 00:45:44,610
یا توڑ بارے میں جاننے کے آپ
فونٹ، یا ایک پس منظر، یا ایک تصویر.

1109
00:45:44,610 --> 00:45:46,990
اور تم ان کے پاس
فوری نتائج کہ آپ کو

1110
00:45:46,990 --> 00:45:49,310
کوئی بھی ایسا کرنے کی ضرورت نہیں ہے
کے لئے دیگر تیار کام.

1111
00:45:49,310 --> 00:45:51,060
تو میں نے w3schools کی محبت کرتے ہیں.

1112
00:45:51,060 --> 00:45:51,960
یہ شاندار ہے.

1113
00:45:51,960 --> 00:45:52,670
یہ کام کر رہا ہے؟

1114
00:45:52,670 --> 00:45:52,950
>> TOMAS REIMERS: جی ہاں.

1115
00:45:52,950 --> 00:45:53,720
نہیں، ایسا نہیں ہے.

1116
00:45:53,720 --> 00:45:55,636
کیا تم مجھ کوشش کرنا چاہتے ہیں
اور میرا کمپیوٹر دوبارہ شروع کریں؟

1117
00:45:55,636 --> 00:45:56,410
یا ہم to-- چاہتے ہو

1118
00:45:56,410 --> 00:46:01,490
>> یلیسن BUCHHOLTZ-AU: میرا مطلب ہے
ٹھیک ہے، یہ بھی آن لائن ہو جائے گا.

1119
00:46:01,490 --> 00:46:02,740
تمام سلائیڈوں آن لائن ہو گا.

1120
00:46:02,740 --> 00:46:05,470
تو میں صرف انتہائی یہ کیا کر کی سفارش کرتے ہیں.

1121
00:46:05,470 --> 00:46:07,880
>> یہ صرف کے طور پر بہت اچھا ہے
ایک دھوکے باز شیٹ کی طرح.

1122
00:46:07,880 --> 00:46:10,690
یہ صرف تمام بنیادی ہے
ہے کہ آپ کا حکم دیتا ہے.

1123
00:46:10,690 --> 00:46:13,070
آپ سب سے پہلے ہیں جب یہ بہت اچھا ہے
اپنی ویب سائٹ باہر شروع.

1124
00:46:13,070 --> 00:46:15,080
شاید آپ نہیں کرتے کیونکہ
تمام میں حاصل کرنا چاہتے ہیں

1125
00:46:15,080 --> 00:46:17,355
کرکرا اصلی nitty کے
ڈیزائن کی بھاری چیزیں.

1126
00:46:17,355 --> 00:46:20,230
آپ کو صرف ایک طرح سے اس کو وضع کرنے کی ضرورت ہے
اس طرح کا احساس اور مرضی کرتا

1127
00:46:20,230 --> 00:46:21,490
کچھ وقت کے لئے کیا کریں.

1128
00:46:21,490 --> 00:46:23,580
اور اگر آپ واقعی کرنا چاہتے ہیں
اس میں حاصل کرنے، مجھے پتہ

1129
00:46:23,580 --> 00:46:27,240
یہ، کی طرح، میں سے ایک ہے
ٹامس کی پسندیدہ ریفرنسز.

1130
00:46:27,240 --> 00:46:30,130
ہم کرنے کے لئے اسے استعمال کر رہے تھے
پریپ، اور یہ شاندار ہے.

1131
00:46:30,130 --> 00:46:33,030
اس موزیلا سے ڈویلپر.

1132
00:46:33,030 --> 00:46:36,490
>> TOMAS REIMERS: تو موزیلا ہیں
فائرفاکس بنانے والے لوگوں.

1133
00:46:36,490 --> 00:46:40,290
اور یہ صرف ان کے اپنے ڈویلپر
مجھے لگتا ہے کہ جس میں ریفرنس، بہت اچھا ہے.

1134
00:46:40,290 --> 00:46:44,870
اور یہ ایک بہت اچھا ہے
وسائل کی فہرست.

1135
00:46:44,870 --> 00:46:45,530
تو ہم نے have--

1136
00:46:45,530 --> 00:46:48,060
>> یلیسن BUCHHOLTZ-AU:
اور پھر گزشتہ نوٹ ہے

1137
00:46:48,060 --> 00:46:50,120
جب آپ کو کرنے کی کوشش کر رہے ہیں
، آپ کی ویب سائٹ کے ڈیزائن

1138
00:46:50,120 --> 00:46:53,550
چیزوں سے فکری تحریک
کہ تم خوبصورت ہو.

1139
00:46:53,550 --> 00:46:56,340
عنصر کا معائنہ،
ماخذ کوڈ کا معائنہ

1140
00:46:56,340 --> 00:46:59,370
انتہائی مددگار ثابت ہو سکتا ہے
جاننے کی کوشش کر لئے

1141
00:46:59,370 --> 00:47:02,080
کس طرح آپ کی اپنی ویب سائٹ سٹائل کے لئے.

1142
00:47:02,080 --> 00:47:04,540
>> اکثر ایسا ہوتا ہے، میں سب سے بہتر کی طرح محسوس
راستہ، تجربات کے علاوہ،

1143
00:47:04,540 --> 00:47:06,290
بالکل اسی پر نظر ہے
خوبصورت ہیں کہ چیزیں.

1144
00:47:06,290 --> 00:47:09,810
میں نے اسے صرف کرنے کے لئے واقعی مشکل ہے تلاش
قسم آپ خود چیزوں کو ڈیزائن،

1145
00:47:09,810 --> 00:47:11,090
خاص طور پر شروع میں.

1146
00:47:11,090 --> 00:47:14,740
تاکہ ویب سائٹس پر نظر آتے ہیں، براہ مہربانی
تمہیں دیکھ کر لطف اندوز ہوتے ہیں.

1147
00:47:14,740 --> 00:47:16,880
بناتا ہے کیا پتہ لگانے
ان میں آپ کو اپیل.

1148
00:47:16,880 --> 00:47:19,170
اور پھر بلا جھجھک
کوشش کرتے ہیں اور یہ کہ نقل تیار.

1149
00:47:19,170 --> 00:47:20,410
>> TOMAS REIMERS: صحیح.

1150
00:47:20,410 --> 00:47:23,120
یہاں تک کہ ویب سائٹس کی طرح
اس طرح، آپ دیکھ سکتے ہیں

1151
00:47:23,120 --> 00:47:25,460
سب سے اوپر ایک div ضرور ہے.

1152
00:47:25,460 --> 00:47:29,920
اور پھر آپ کے اندر کسی دوسرے DIV ہے
یہاں، جس میں سی ایس ایس انگیزی ہے.

1153
00:47:29,920 --> 00:47:32,480
اور پھر آپ کو متعلقہ صفحات کا ایک گروپ ہے.

1154
00:47:32,480 --> 00:47:34,770
تم واقعی معائنہ
عناصر، تم میں سے حل کر سکتے ہیں

1155
00:47:34,770 --> 00:47:38,520
ویب سائٹس سب اعمال دیکھنے کے لئے شروع
کی طرح نظر آتے، اور کس طرح میں کر سکتا ہوں

1156
00:47:38,520 --> 00:47:40,493
میں چاہتا تھا کہ اگر بہلانا.

1157
00:47:40,493 --> 00:47:41,890
کہ عقل مندی ہے؟

1158
00:47:41,890 --> 00:47:43,670
لہذا ہم صرف چھوڑ دیا تین منٹ ہیں.

1159
00:47:43,670 --> 00:47:46,380
سوال اب؟

1160
00:47:46,380 --> 00:47:47,650
ان میں سے کسی؟

1161
00:47:47,650 --> 00:47:48,350
جی ہاں.

1162
00:47:48,350 --> 00:47:50,780
>> سامعین: رنگ کے لئے
مستطیل، کہ آپ کس طرح کریں گے

1163
00:47:50,780 --> 00:47:53,499
آپ یہ چاہتے ہیں نہیں کیا تو have--
، پورے صفحے بھر سکتے تھے جا

1164
00:47:53,499 --> 00:47:56,400
آپ کو یہ صرف اس پار جانے بنا دیا ہے
نصف کے صفحے یا صرف متن؟

1165
00:47:56,400 --> 00:47:59,660
>> TOMAS REIMERS: جی ہاں، بالکل.

1166
00:47:59,660 --> 00:48:02,780
تو مجھے اصل میں دیکھتے ہیں.

1167
00:48:02,780 --> 00:48:04,670
میں نے دو خیالات ہیں.

1168
00:48:04,670 --> 00:48:07,265
تو سب سے پہلے، آپ کو
بھی percents کے استعمال کر سکتے ہیں.

1169
00:48:07,265 --> 00:48:08,140
>> سامعین: واقعی؟

1170
00:48:08,140 --> 00:48:11,260
>> یلیسن BUCHHOLTZ-AU: تو کچھ اور
تلاش کرنے کے لئے رشتہ دار پوزیشننگ ہے.

1171
00:48:11,260 --> 00:48:13,385
یہ کچھ ہے کہ ہم
میں حاصل کرنے کے لئے وقت نہیں ہے،

1172
00:48:13,385 --> 00:48:16,392
لیکن یہ میں ضرور کچھ ہے
تم لوگوں کو باہر کی جانچ پڑتال کی سفارش کرتے ہیں.

1173
00:48:16,392 --> 00:48:17,580
>> TOMAS REIMERS: تو percents کے.

1174
00:48:17,580 --> 00:48:21,524
ہم نے اسے بنایا اور کیسے دیکھیں
چوڑائی میں سے صرف 50٪؟

1175
00:48:21,524 --> 00:48:24,190
یلیسن BUCHHOLTZ-AU: آپ کو تو
اصل میں پکسلز کی تعداد معلوم ہے،

1176
00:48:24,190 --> 00:48:25,780
تم اس طرح زیادہ عین مطابق ہو سکتا ہے.

1177
00:48:25,780 --> 00:48:27,200
آپ اس کے ساتھ کے ارد گرد fiddle کر سکتے ہیں.

1178
00:48:27,200 --> 00:48:27,700
لیکن 50٪.

1179
00:48:27,700 --> 00:48:31,970
ہم اپنے براؤزر کا سائز تبدیل کرنے کے لئے تھے،
یہ اس کے چھوٹے بنا دے گا.

1180
00:48:31,970 --> 00:48:35,250
>> TOMAS REIMERS: ٹھیک ہے، یہ بات ہے
بنیادی طور پر 50 فی صد درست اب، مجھے لگتا ہے.

1181
00:48:35,250 --> 00:48:38,820
اس کے بعد یہ مارجن 50٪ ہے، اور
اس کے لئے شامل کیا گیا ہے.

1182
00:48:38,820 --> 00:48:40,100
سی ایس ایس نرالا کے ایک بہت ہے.

1183
00:48:40,100 --> 00:48:43,195
تو اب یہ ہے
صفحے کی چوڑائی کا 50 فیصد.

1184
00:48:43,195 --> 00:48:46,860
لیکن آپ کو 10، یاد رکھیں کہ
پکسلز ہر طرف سے بند کر لیا.

1185
00:48:46,860 --> 00:48:49,700
تو تم نے تو اس کے خلاف منتقل کرنے کے لئے تھے
براؤزر کے بائیں کنارے،

1186
00:48:49,700 --> 00:48:51,550
پھر اس کے بعد 50٪ طرح نظر آئے گا.

1187
00:48:51,550 --> 00:48:53,884
جیسے میں نے کہا پھر سے،، سی ایس ایس سکتے ہیں
اندازہ اور چیک کی ایک بہت ہو جائے.

1188
00:48:53,884 --> 00:48:56,049
کی طرح، آپ کو کچھ سوچتے ہیں
ایک ہی راستہ برتاؤ کرنے جا،

1189
00:48:56,049 --> 00:48:57,805
لیکن یہ ایک مکمل طور پر مختلف طریقے سے برتاؤ کرتی ہے.

1190
00:48:57,805 --> 00:48:59,420
>> یلیسن BUCHHOLTZ-AU:
اور آپ کو صرف، ہوشیار ہو جاؤ

1191
00:48:59,420 --> 00:49:02,020
اور آپ کو صرف ایک بہتر حاصل
اس کے لئے انترجشتھان آپ کے ساتھ منتقل کے طور پر.

1192
00:49:02,020 --> 00:49:02,730
>> TOMAS REIMERS: اور یہ
بدتر اور بدتر ہو جاتا ہے.

1193
00:49:02,730 --> 00:49:03,496
تو یہ واقعی صرف ایک دوڑ ہے.

1194
00:49:03,496 --> 00:49:05,454
>> یلیسن BUCHHOLTZ-AU:
کہ سپر حوصلہ افزا ہے.

1195
00:49:05,454 --> 00:49:07,070
ہم نے ان سے سی ایس ایس کے پسند کرنے کے لئے چاہتے ہیں.

1196
00:49:07,070 --> 00:49:08,810
>> TOMAS REIMERS: سی ایس ایس خوفناک ہے.

1197
00:49:08,810 --> 00:49:10,354
یاد رکھیں کہ.

1198
00:49:10,354 --> 00:49:11,020
سوال؟

1199
00:49:11,020 --> 00:49:14,297
>> یلیسن BUCHHOLTZ-AU: ایک بات.

1200
00:49:14,297 --> 00:49:14,880
اور کچھ؟

1201
00:49:14,880 --> 00:49:15,140
ٹھنڈا.

1202
00:49:15,140 --> 00:49:15,690
>> TOMAS REIMERS: بہت اچھے.

1203
00:49:15,690 --> 00:49:18,523
>> یلیسن BUCHHOLTZ-AU: ٹھیک ہے، اگر آپ
لوگ، بعد میں کوئی سوال ہے

1204
00:49:18,523 --> 00:49:20,919
ہم ہمیشہ معمول فی کے طور پر دستیاب ہیں.

1205
00:49:20,919 --> 00:49:22,960
آپ نے شاید کچھ دیکھ لیں گے
آخری منصوبوں کے لئے ہم میں سے

1206
00:49:22,960 --> 00:49:24,280
اور یقینی Hackathon میں.

1207
00:49:24,280 --> 00:49:25,200
>> TOMAS REIMERS: بالکل.

1208
00:49:25,200 --> 00:49:25,720
اور میلے میں.

1209
00:49:25,720 --> 00:49:26,560
>> یلیسن BUCHHOLTZ-AU: اور میلے میں.

1210
00:49:26,560 --> 00:49:26,840
اوہ.

1211
00:49:26,840 --> 00:49:28,130
>> TOMAS REIMERS: کرنے کے شوقین ہیں
آپ awesome-- کی تمام دیکھ کر

1212
00:49:28,130 --> 00:49:29,420
>> یلیسن BUCHHOLTZ-AU: ہم دیکھیں گے
آپ بہت اچھا ویب سائٹس کی تمام

1213
00:49:29,420 --> 00:49:30,572
کہ خوبصورت ہو جائے گا.

1214
00:49:30,572 --> 00:49:32,780
TOMAS REIMERS: آپ ہمیشہ کر سکتے ہیں
، طرح، ویب سائٹس دیکھیں

1215
00:49:32,780 --> 00:49:36,234
جو، اس وقت کی طرح، اچھی سی ایس ایس اور تھا
سی ایس ایس کیا کرنے کی کوشش نہیں کی جو ان لوگوں کی طرح.

1216
00:49:36,234 --> 00:49:39,150
یلیسن BUCHHOLTZ-AU: اس کے علاوہ، ایک اور
بات یہ ہے، پر غور کرنے کی ایک اور بات

1217
00:49:39,150 --> 00:49:40,445
Bootstrapping کے ہے.

1218
00:49:40,445 --> 00:49:41,805
تاکہ بوٹسٹریپ بہت اچھا ہے.

1219
00:49:41,805 --> 00:49:42,240
>> TOMAS REIMERS: گوگل کہ اگر. تم

1220
00:49:42,240 --> 00:49:43,573
>> یلیسن BUCHHOLTZ-AU: گوگل.

1221
00:49:43,573 --> 00:49:44,340
یہ شاندار ہے.

1222
00:49:44,340 --> 00:49:45,620
آپ کو یہ پسند آئے گا.

1223
00:49:45,620 --> 00:49:48,000
اور اب آپ کو ایک کی ضرورت ہے کہ
سی ایس ایس کے بنیادی تفہیم،

1224
00:49:48,000 --> 00:49:50,340
یہ ایک بہت زیادہ احساس بنا دیں گے.

1225
00:49:50,340 --> 00:49:50,890
بہت اچھے.

1226
00:49:50,890 --> 00:49:51,480
شکریہ، لوگ.

1227
00:49:51,480 --> 00:49:53,330
>> TOMAS REIMERS: بہت بہت شکریہ.

1228
00:49:53,330 --> 00:49:54,219