1
00:00:00,000 --> 00:00:05,660
>> [موسیقی بجانے]

2
00:00:05,660 --> 00:00:08,740
>> ڈوگ لایڈ: تو ایک ڈالیں
ویڈیو ایک زبان کے بارے میں بات کرنے کے لئے.

3
00:00:08,740 --> 00:00:10,800
ہم سی ایس ایس کے بارے میں بات کریں گے اس وقت.

4
00:00:10,800 --> 00:00:13,460
کے لئے مختصر ہے جو اتنی سی ایس ایس،
سٹائل شیٹس جھرن کاری،

5
00:00:13,460 --> 00:00:16,149
ہم استعمال کرتے ہیں ایک زبان ہے
ویب سائٹس کی تعمیر جب.

6
00:00:16,149 --> 00:00:17,190
اس طرح اس کے بارے میں سوچو.

7
00:00:17,190 --> 00:00:20,900
ایچ ٹی ایم ایل ہم منظم کرنے کے لئے استعمال کیا ہے تو
ہم نے اپنے صفحے پر ڈال کرنا چاہتے ہیں مواد،

8
00:00:20,900 --> 00:00:25,390
سی ایس ایس ہم عام طور پر استعمال کرتے ہیں کہ آلہ ہے
ہماری ویب سائٹ کس طرح نظر آتے اپنی مرضی کے مطابق،

9
00:00:25,390 --> 00:00:30,410
اور کس طرح صارف کے تجربے کو واقعی
ہماری ویب سائٹ کے ساتھ بات چیت ہے.

10
00:00:30,410 --> 00:00:32,535
>> ایچ ٹی ایم ایل کی طرح، سی ایس ایس
نہیں ایک پروگرامنگ زبان.

11
00:00:32,535 --> 00:00:33,451
یہ منطق نہیں ہے.

12
00:00:33,451 --> 00:00:34,595
یہ متغیر نہیں ہے.

13
00:00:34,595 --> 00:00:38,890
یہ کسی بھی قسم کی ضرورت نہیں ہے
سی ہے کہ متعلقہ چیزوں بہاؤ.

14
00:00:38,890 --> 00:00:40,150
یہ ایک اسٹائل زبان ہے.

15
00:00:40,150 --> 00:00:42,810
اور اس نحو خوبصورت ہے
سادہ، اور صرف بیان کرتا ہے

16
00:00:42,810 --> 00:00:46,240
کس طرح کے عناصر ہماری
صفحہ مخصوص HTML ہے

17
00:00:46,240 --> 00:00:48,190
عناصر پر نظر ثانی کیا جانا چاہئے.

18
00:00:48,190 --> 00:00:51,170
اس مقصد کے لئے، آپ کو نہیں ہے تو
ابھی تک، ایچ ٹی ایم ایل پر ہمارے ویڈیو دیکھا

19
00:00:51,170 --> 00:00:53,290
یا سے نا واقف ہیں
ایچ ٹی ایم ایل، عام طور پر، آپ

20
00:00:53,290 --> 00:00:57,430
اس پر ایک نظر لینے کے لئے چاہتے ہیں کر سکتے
سی ایس ایس کے پہلے، کیونکہ یہ بحث

21
00:00:57,430 --> 00:01:00,700
پر انحصار کرنے کی جا رہی ہے
HTML کے کچھ علم.

22
00:01:00,700 --> 00:01:03,740
>> تو یہاں ایک بہت ہے
سادہ سی ایس ایس stylesheet.

23
00:01:03,740 --> 00:01:06,480
آپ کو کبھی نہیں ہے یہاں تک کہ اگر
پہلے سی ایس ایس کے ساتھ پروگرام،

24
00:01:06,480 --> 00:01:10,624
آپ پتہ کر سکتے ہیں مجھے یقین ہوں
اس stylesheet ہے بالکل وہی جو.

25
00:01:10,624 --> 00:01:11,290
یہ کیا کرتا ہے؟

26
00:01:11,290 --> 00:01:15,470
ویسے، ہماری ویب کے جسم پر لاگو
جسم ٹیگز کے درمیان صفحے، سب کچھ

27
00:01:15,470 --> 00:01:19,631
ہمارے HTML پر، اور اس کا تعین کرتا ہے
نیلے رنگ کے لئے اس صفحے کے پس منظر کا رنگ.

28
00:01:19,631 --> 00:01:21,130
ٹھیک ہے، یہ ایک بہت ہی آسان stylesheet میں ہے.

29
00:01:21,130 --> 00:01:23,269
یہ اصل میں بہت انسانی ہے
دوستانہ زبان، سی ایس ایس.

30
00:01:23,269 --> 00:01:26,560
تو کیا تم، اس سے پہلے کبھی استعمال نہیں کیا ہے یہاں تک کہ اگر
آپ کو شاید اس نے کیا اندازہ لگا سکتا ہے.

31
00:01:26,560 --> 00:01:30,140
اصل میں، اگر ہم نے ایک صفحے، جہاں بھاری بھرکم
اس stylesheet، کسی نہ کسی طرح سرایت کر گیا تھا

32
00:01:30,140 --> 00:01:36,240
ہمارے صفحے کے پس منظر کا رنگ گے
نیلے اور معیاری سفید نہیں ہو.

33
00:01:36,240 --> 00:01:37,670
>> تو ہم کس طرح سٹائل کی تعمیر کرتے ہیں؟

34
00:01:37,670 --> 00:01:39,700
ویسے سب سے پہلے، ہم کرنا پڑے
ایک سلیکٹر کی شناخت.

35
00:01:39,700 --> 00:01:42,970
گزشتہ مثال میں،
کہ سلیکٹر جسم تھا.

36
00:01:42,970 --> 00:01:45,050
پھر ہم ایک کھلی ہے
گھوبگھرالی منحنی خطوط وحدانی، اور ہم ہیں

37
00:01:45,050 --> 00:01:48,410
وضاحت شروع کرنے کے لئے جا رہا
کہ سلیکٹر کے لئے stylesheet میں.

38
00:01:48,410 --> 00:01:51,800
گھوبگھرالی منحنی خطوط وحدانی کے درمیان میں، ہم
صرف کلیدی قدر جوڑوں کی ایک فہرست ہے.

39
00:01:51,800 --> 00:01:56,205
گزشتہ قدر جوڑی تھی
پس منظر کا رنگ نیلے نیم وقفہ،

40
00:01:56,205 --> 00:01:57,830
لیکن ہم ان کی زیادہ سے زیادہ کر سکتے ہیں.

41
00:01:57,830 --> 00:02:02,330
آپ ایک سے زیادہ چیزوں کا اطلاق کر سکتے ہیں
اس ٹیگ کے، کہ سلیکٹر جسم پر.

42
00:02:02,330 --> 00:02:05,960
ان میں سے ہر ایک کی طرف سے الگ کیا جاتا ہے
نیم وقفہ، اور ہم نے ان میں سے ہر ایک کو فون

43
00:02:05,960 --> 00:02:08,949
ایک اعلان، ایک سی ایس ایس اعلان.

44
00:02:08,949 --> 00:02:12,410
ہم تمام اسٹائل کے ساتھ ہم کیا کر رہے ہیں
کہ خاص طور پر ٹیگ کرنے کے لئے درخواست کرنا چاہتے ہیں،

45
00:02:12,410 --> 00:02:15,300
ہم صرف ایک بند گھوبگھرالی ہے
stylesheet میں ختم کرنے کے لئے تیار،

46
00:02:15,300 --> 00:02:19,640
اور ہم stylesheet میں وضاحت کیا کر رہے ہیں
اس مخصوص سلیکٹر کے لئے.

47
00:02:19,640 --> 00:02:21,341
>> کچھ عام سی ایس ایس خصوصیات کیا ہیں؟

48
00:02:21,341 --> 00:02:23,590
ویسے، شاید آپ کو ڈال کرنا چاہتے ہیں
کچھ ارد گرد ایک سرحدی.

49
00:02:23,590 --> 00:02:26,850
آپ کہہ سکتے ہیں تو، سرحد،
کہ آپ کے اہم ہو جائے گا،

50
00:02:26,850 --> 00:02:29,460
اور پھر آپ اقدار ہو گا،
کیا سٹائل، رنگ، اور چوڑائی

51
00:02:29,460 --> 00:02:30,209
آپ اسے بننا چاہتا ہوں.

52
00:02:30,209 --> 00:02:33,530
تو ایک ٹھوس انداز ہو سکتا ہے
لائن، بندیدار لائن، ایک ڈیش دار لائن،

53
00:02:33,530 --> 00:02:36,020
لہراتی لائن ہو جائے گا جس میں ایک چوٹی لائن،.

54
00:02:36,020 --> 00:02:38,790
شاید آپ یہ کرنا چاہتے ہیں
نیلے یا سیاہ یا سبز ہو.

55
00:02:38,790 --> 00:02:41,490
شاید آپ اسے بننا چاہتا ہوں
1 یا 2 یا 10 پکسلز تک چوڑا.

56
00:02:41,490 --> 00:02:43,254
تم ان چیزوں کے تمام وضاحت کر سکتے ہیں.

57
00:02:43,254 --> 00:02:46,420
ہو سکتا ہے کہ آپ کو پس منظر قائم کرنے کے لئے چاہتے ہیں
ایک مخصوص انداز میں آپ کے صفحے کا رنگ.

58
00:02:46,420 --> 00:02:49,215
ہم نے پہلے ہی ترتیب، نے دیکھا کہ
جسم کے پس منظر نیلے جا.

59
00:02:49,215 --> 00:02:52,080
>> اس کے بعد آپ ایک کلیدی لفظ استعمال کر سکتے ہیں،
لہذا سی ایس ایس مخصوص رنگ ہے

60
00:02:52,080 --> 00:02:55,950
کہ،، اس میں سبز، نیلے تعمیر کر رہے ہیں
سیاہ، ہم جانتے ہیں ایک بہت سادہ رنگ.

61
00:02:55,950 --> 00:02:59,110
لیکن آپ کسی بھی وضاحت کر سکتے ہیں
اگر آپ چاہتے ہیں کہ ہیکس رنگ.

62
00:02:59,110 --> 00:03:05,190
رنگوں کی شناخت کیا جا سکتا ہے یاد
تین ہیکس اعداد کی ایک سیٹ کی طرف سے

63
00:03:05,190 --> 00:03:08,500
0 سے 255، آرجی اور B، کرنے کے لئے
، سرخ، سبز اور نیلے رنگ کے جزو.

64
00:03:08,500 --> 00:03:10,590
اور اس طرح ہم وضاحت کر سکتے ہیں
ہم سے چاہتے ہیں کسی بھی رنگ،

65
00:03:10,590 --> 00:03:15,520
بجائے نیلے یا سبز یا سیاہ کا استعمال کرتے ہوئے،
پونڈ کا استعمال کرتے ہوئے اور ہیکس کے بعد چھ ہندسوں،

66
00:03:15,520 --> 00:03:18,310
اور یہ کہ ہمیں دیں گے
چھ ہندسوں رنگ.

67
00:03:18,310 --> 00:03:19,850
تو اس پس منظر کا رنگ ہے.

68
00:03:19,850 --> 00:03:21,975
>> ہم نے بھی پیش منظر ہے
عام طور پر ہے جس کے رنگ،

69
00:03:21,975 --> 00:03:24,140
آپ کے صفحے کے متن ہونے جا رہا.

70
00:03:24,140 --> 00:03:28,850
اور آپ کو اسی طرح ایسا کر سکتا ہے
کلیدی لفظ اور یا چھ ہندسوں ہیکس کے ساتھ.

71
00:03:28,850 --> 00:03:32,140
تو آپ کو کسی بھی رنگ کی وضاحت کر سکتے ہیں
آپ کے صفحے کے متن کے لئے چاہتے ہیں

72
00:03:32,140 --> 00:03:36,370
کسی خاص کے خلاف
پس منظر کا رنگ، اوپر.

73
00:03:36,370 --> 00:03:39,100
آپ کو بھی تبدیل کرنے اور نمٹنے کر سکتے ہیں
فونٹ، اور جس طرح متن کے ساتھ

74
00:03:39,100 --> 00:03:40,400
صفحے پر مہیا کیا جاتا ہے.

75
00:03:40,400 --> 00:03:42,010
>> پس تم اپنے فونٹ سائز تبدیل کر سکتے ہیں.

76
00:03:42,010 --> 00:03:46,320
تم، اس طرح کے اضافی کے طور پر کلیدی الفاظ، استعمال کر سکتے ہیں
اضافی چھوٹے، یا چھوٹے XX، یا درمیانے درجے کے،

77
00:03:46,320 --> 00:03:47,660
بڑے، اور اسی طرح کی.

78
00:03:47,660 --> 00:03:50,750
آپ کو مقررہ پوائنٹس کا استعمال کر سکتے ہیں، 10
نقطہ، 12 نقطہ، اور اسی طرح کی.

79
00:03:50,750 --> 00:03:55,850
تم، فی صد، 80٪، 20٪ کا استعمال کر سکتے ہیں
جہاں 100٪ ڈیفالٹ فونٹ ہے

80
00:03:55,850 --> 00:03:59,220
عام طور پر کی جا رہی ہے جس کا سائز،
11 یا 12 پوائنٹس کی طرح کچھ ہو.

81
00:03:59,220 --> 00:04:01,659
یا آپ بھی اس سے دور کی بنیاد ہیں
سب سے زیادہ حال ہی میں فونٹ سائز کے.

82
00:04:01,659 --> 00:04:04,950
آپ کو صرف کچھ لکھا اور اگر تم جانتے ہو
یہ چھوٹا ہو کرنے کے لئے جو آپ چاہتے ہیں، ہے

83
00:04:04,950 --> 00:04:08,241
لیکن تم نہیں جانتے بالکل وہی جو سائز آپ
یہ ہو، اچھی طرح سے، آپ کو صرف کہہ سکتے ہیں کرنا چاہتے ہیں،

84
00:04:08,241 --> 00:04:09,330
فونٹ سائز چھوٹا.

85
00:04:09,330 --> 00:04:14,344
اور یہ، سے دور کی بنیاد گے
صرف اوپر، یہ فونٹ سائز ہے.

86
00:04:14,344 --> 00:04:15,760
اور آپ چھوٹے یا بڑے حاصل کر سکتے ہیں.

87
00:04:15,760 --> 00:04:18,390
تو مختلف کی ایک بہت کچھ ہے
طریقوں فونٹ سائز کی وضاحت کرنے.

88
00:04:18,390 --> 00:04:20,690
>> تم نے بھی کیا وضاحت کر سکتے ہیں
آپ چاہتے ہیں فونٹ خاندان.

89
00:04:20,690 --> 00:04:23,360
اگر آپ کسی خاص ہیں، تو
نام، میں ایک راستہ نہیں ہے سی ایس ایس کے

90
00:04:23,360 --> 00:04:27,270
ہم اس بارے میں بات نہیں کر رہے ہیں
یہاں ایک بہت ہی خاص فونٹ کی وضاحت کرنے کے لئے

91
00:04:27,270 --> 00:04:28,980
اور آپ کے صفحے میں یمبیڈ.

92
00:04:28,980 --> 00:04:30,620
آپ کو بھی عام نام استعمال کر سکتے ہیں.

93
00:04:30,620 --> 00:04:33,540
ویب محفوظ فونٹس کی ایک بہت کچھ ہے
کہ سی ایس ایس میں پہلے سے مقرر کر رہے ہیں.

94
00:04:33,540 --> 00:04:36,352
اور آپ مائکروسافٹ کے صارف ہیں تو
گزشتہ 20 سالوں میں آفس،

95
00:04:36,352 --> 00:04:38,810
آپ شاید سے واقف ہیں
ان ویب محفوظ فونٹ کی ایک بہت

96
00:04:38,810 --> 00:04:44,640
پہلے ہی، ٹائمز نیو رومن، ایریل،
، نیا، جارجیا، Tahoma، وردان کورئیر

97
00:04:44,640 --> 00:04:45,470
اور اسی طرح.

98
00:04:45,470 --> 00:04:47,170
ان تمام ویب محفوظ فونٹ تصور کیا جاتا ہے.

99
00:04:47,170 --> 00:04:49,169
اور اصل میں، حصہ
وجہ وہ ہو آئے

100
00:04:49,169 --> 00:04:54,140
ہر صفحے web-- بنانے کے لئے استعمال کیا جانا تھا
اس ڈیفالٹ تک رسائی فونٹ کے مقرر کیا تھا

101
00:04:54,140 --> 00:04:58,480
مختلف serifs، اور یہ سب کے ساتھ
ہم میں نہیں ملے گا فونٹ چیزیں،

102
00:04:58,480 --> 00:05:01,130
لیکن یہ عام طور پر ہیں
آپ سی ایس ایس میں قابل رسائی،

103
00:05:01,130 --> 00:05:04,029
آپ ایسا نہیں کرتے یہاں تک کہ اگر
دوسری صورت میں فونٹ کی وضاحت.

104
00:05:04,029 --> 00:05:07,070
آخر میں، آپ اپنے متن سیدھ کریں کر سکتے،
ہونے کی وجہ سے اس کی بجائے، پہلے سے طے شدہ کی طرف سے اتحاد،

105
00:05:07,070 --> 00:05:09,310
بائیں، آپ کر سکتے تھے
درست کرنے کے لئے اس کی سیدھ،

106
00:05:09,310 --> 00:05:13,740
یا آپ اس کا مرکز سیدھ، یا کر سکتے ہیں
یہ دونوں مارجن مارا تاکہ جواز.

107
00:05:13,740 --> 00:05:16,800
لوگ تو آپ استعمال کر سکتے ہیں تمام اختیارات ہیں
اپنے متن کی طرح لگتا ہے کو تبدیل کرنے،

108
00:05:16,800 --> 00:05:20,120
اور یہ اپنے صفحے پر کس طرح ظاہر ہے.

109
00:05:20,120 --> 00:05:22,180
>> آپ سلیکٹرز نہیں
ٹیگز صرف ہونا پڑے گا.

110
00:05:22,180 --> 00:05:25,539
ہم نے پہلے ایک جسم ٹیگ دیکھا
سلیکٹر، اور ٹیگ سلیکٹر

111
00:05:25,539 --> 00:05:26,580
صرف اس کی طرح لگتی ہے.

112
00:05:26,580 --> 00:05:30,020
اگر آپ کو ایک ٹیگ کا نام، اور
اس ٹیگ کے لئے ایک stylesheet میں وضاحت.

113
00:05:30,020 --> 00:05:32,660
لیکن تم نے بھی کچھ کر سکتے ہیں
ایک ID سلیکٹر بلایا.

114
00:05:32,660 --> 00:05:34,390
ایک ID سلیکٹر خوبصورت اسی طرح لگ رہا ہے.

115
00:05:34,390 --> 00:05:38,100
لیکن اب میں استعمال نہیں کر رہا ہوں کہ، محسوس
ایک HTML ٹیگ، میں، اس معاملے میں، استعمال کر رہا ہوں

116
00:05:38,100 --> 00:05:40,720
#unique، یا منفرد ہیش.

117
00:05:40,720 --> 00:05:42,930
تم سے یاد تو ہمارے
ایچ ٹی ایم ایل پر ویڈیو، ہم بات

118
00:05:42,930 --> 00:05:45,620
ٹیگ صفات کر سکتے ہیں کہ کس طرح کے بارے میں.

119
00:05:45,620 --> 00:05:48,340
>> اور ایک وصف ہے کہ پر لاگو ہوتا ہے
بہت تمام ایچ ٹی ایم ایل ٹیگز کو،

120
00:05:48,340 --> 00:05:51,440
لیکن ہم اس کے بارے میں بات نہیں کی تھی،
ایک شناختی ٹیگ کہا جاتا ہے کچھ ہے.

121
00:05:51,440 --> 00:05:55,250
تو یہ خاص طور پر سی ایس ایس گا
صرف ہے کہ HTML ٹیگ پر لاگو

122
00:05:55,250 --> 00:05:58,530
ایک بہت ہی خاص کی شناخت، آپ کا نام کیا ہے کہ.

123
00:05:58,530 --> 00:06:01,000
آپ کہیں ہیں تو
آپ کے کوڈ میں، کہیں

124
00:06:01,000 --> 00:06:06,090
اپنے HTML فائل، ایک ٹیگ اور آپ میں
اس ٹیگ کے لئے ایک خصوصیت کے طور پر کی وضاحت،

125
00:06:06,090 --> 00:06:09,060
ID، اس منفرد برابر
خاص طور پر stylesheet میں

126
00:06:09,060 --> 00:06:15,030
یہاں صرف درمیان میں لاگو ہوں گی
منفرد ID کے ساتھ اس ٹیگ.

127
00:06:15,030 --> 00:06:17,180
>> تم نے بھی کچھ کر سکتے ہیں
ایک کلاس سلیکٹر بلایا.

128
00:06:17,180 --> 00:06:19,920
ہونے کے علاوہ میں تو
ID آپ بھی کر سکتے ہیں، صفات

129
00:06:19,920 --> 00:06:23,130
HTML ٹیگ کے لئے ایک کلاس وصف شامل کریں.

130
00:06:23,130 --> 00:06:27,140
اور آپ کو ایک کلاس وصف کا استعمال کرتے ہیں،
یہ ایک سے زیادہ ٹیگ پر لاگو کیا جا سکتا ہے.

131
00:06:27,140 --> 00:06:31,880
تو آپ کو کئی چیزیں ہیں کہ اگر
، شاید آپ کا کہنا ہے کہ اسی طرح چاہتے ہیں،

132
00:06:31,880 --> 00:06:35,890
کھلی ٹیگ بلاہ، بلاہ، بلاہ،
بلاہ، کلاس کے طالب علموں کے برابر ہے.

133
00:06:35,890 --> 00:06:38,190
اور پھر یہ خاص طور پر
stylesheet میں لاگو ہوں گے

134
00:06:38,190 --> 00:06:42,041
جس کلاس ہر ٹیگ کے طالب علموں کو ہے.

135
00:06:42,041 --> 00:06:44,290
اس صورت میں، ہم نے مقرر تھا
پیلے رنگ پس منظر کا رنگ،

136
00:06:44,290 --> 00:06:46,706
اور ہم، دھندلاپن قائم تھا جس
ہم کے بارے میں بات نہیں کی تھی ایک ٹیگ ہے،

137
00:06:46,706 --> 00:06:52,510
لیکن صرف کس طرح شفاف کے ساتھ کرتا ہے
کچھ اس معاملے میں، 70٪، ہے.

138
00:06:52,510 --> 00:06:54,430
>> کے لئے دو اختیارات نہیں ہے
تحریری طور پر سٹائل.

139
00:06:54,430 --> 00:06:56,680
تم نے انہیں لکھ سکتے ہیں
براہ راست آپ کی ایچ ٹی ایم ایل میں

140
00:06:56,680 --> 00:06:59,690
سٹائل رکھ کر
سٹائل ٹیگز کے درمیان میں.

141
00:06:59,690 --> 00:07:03,850
اور وہ سٹائل ٹیگز کے اندر جانا
آپ کے ویب صفحے کے سربراہ ٹیگ.

142
00:07:03,850 --> 00:07:08,240
شاید زیادہ ترجیحی طریقہ کرنا
یہ ایک علیحدہ سی ایس ایس فائل لکھنے کے لئے ہے،

143
00:07:08,240 --> 00:07:12,360
اور پھر اس میں لنک آپ
لنک ٹیگز استعمال دستاویز.

144
00:07:12,360 --> 00:07:14,690
لنک ٹیگز، ایک بار پھر، ہیں
بالا روابط سے مختلف،

145
00:07:14,690 --> 00:07:16,760
اگر آپ کو ہماری ویڈیو سے ایک HTML یاد تو.

146
00:07:16,760 --> 00:07:19,030
اور لنک کرنے کے لئے کس طرح ہے کہ ہم
علیحدہ فائلوں میں ھیںچو.

147
00:07:19,030 --> 00:07:23,900
اس طرح کی برابر کی طرح
ویب پروگرامنگ کے لئے # شامل.

148
00:07:23,900 --> 00:07:27,140
>> تو table.HTML پر ایک نظر ڈالیں.

149
00:07:27,140 --> 00:07:29,380
تم سے یاد تو ہمارے
HTML ویڈیو، میں ظاہر ہوتا ہے

150
00:07:29,380 --> 00:07:32,000
ایک بہت کی ایک مثال
سادہ ضرب

151
00:07:32,000 --> 00:07:35,160
خوبصورت لگ رہا تھا کہ میز
بدسورت، اور شاید نہیں ہے

152
00:07:35,160 --> 00:07:38,650
ایک طریقہ کے ساتھ اسے بہتر بنانے کے لئے
سی ایس ایس، یہ اصل میں نظر بنانے کے لئے

153
00:07:38,650 --> 00:07:41,120
ایک ضرب کی طرح زیادہ
میز، یا کچھ

154
00:07:41,120 --> 00:07:43,730
کہ صرف ایک دوسرے کے ساتھ پھنس گیا نہیں ہے
کوئی اصل ڈویژن کے ساتھ

155
00:07:43,730 --> 00:07:45,532
قطار اور کالم کے درمیان.

156
00:07:45,532 --> 00:07:47,490
تو کرنے کے لئے اوپر سے سر دو
CS50 IDE، اور ایک نظر ڈالیں

157
00:07:47,490 --> 00:07:50,780
سی ایس ایس، کی طرح، موافقت کر سکتے ہیں کس طرح
جو ہم سے پہلے شروع کر دیا،

158
00:07:50,780 --> 00:07:53,290
اور یہ ایک بہت کچھ بہتر بنانے کے.

159
00:07:53,290 --> 00:07:55,650
>> تو ہم CS50 IDE میں ہیں
اب، اور مجریچت تو،

160
00:07:55,650 --> 00:07:58,710
ہم اس میں ھیںچو گا
ٹیبل HTML صفحے کہ.

161
00:07:58,710 --> 00:08:01,090
Table.HTML بنیادی طور پر
صرف مواد کی وضاحت کرتا ہے

162
00:08:01,090 --> 00:08:05,044
ایک multiple-- کی یہ ہونا چاہیے تھا
ایک چار کی طرف سے چار پہاڑا.

163
00:08:05,044 --> 00:08:06,210
یہ بہت سیدھا ہے.

164
00:08:06,210 --> 00:08:09,410
اور ہم نے اسے کہ لگتا ہے کہ
بہت اچھی طرح سے منظم نظر.

165
00:08:09,410 --> 00:08:15,277
لیکن اصل میں، ہم نے اس صفحے کا جائزہ جب،
ہم اس قسم کے بدسورت، صحیح ہے کہ دیکھ رہے ہو؟

166
00:08:15,277 --> 00:08:16,860
واضح طور پر ہم یہاں قطار اور کالم ہے.

167
00:08:16,860 --> 00:08:18,350
وہاں علیحدگی کی کسی قسم.

168
00:08:18,350 --> 00:08:20,040
لیکن یہ ایک بامعنی علیحدگی نہیں ہے.

169
00:08:20,040 --> 00:08:23,105
ہم اصل میں حاصل نہیں کر رہے
یہاں بہت زیادہ معلومات.

170
00:08:23,105 --> 00:08:25,730
اور کے درمیان کوئی جدائی ہے
شرائط میں قطار اور کالم

171
00:08:25,730 --> 00:08:28,460
افقی یا عمودی قوانین کی.

172
00:08:28,460 --> 00:08:31,530
ہم شاید اس کے بنانے کے کر سکتے ہیں
بہتر تھوڑا سا نظر.

173
00:08:31,530 --> 00:08:32,934
تو کرنے کی کوشش کریں.

174
00:08:32,934 --> 00:08:34,559
تو میں یہاں اس ٹیب کو بند کرنے جا رہا ہوں.

175
00:08:34,559 --> 00:08:37,434
اور میں، میری table.HTML بند کرنے جا رہا ہوں
اور میں یہاں ایک اور ورژن ہے

176
00:08:37,434 --> 00:08:39,490
table2.HTML بلایا.

177
00:08:39,490 --> 00:08:40,655
ہم نے اس کو کھولنے گے.

178
00:08:40,655 --> 00:08:42,530
صفحے کے جسم ہے
بہت ایک ہی،

179
00:08:42,530 --> 00:08:44,238
لیکن میں تبدیل کر دیا ہے ایک
سب سے اوپر تھوڑا سا.

180
00:08:44,238 --> 00:08:47,132
اور میں یہاں تک سکرال کریں گے.

181
00:08:47,132 --> 00:08:49,340
ہوں، کہ اس وقت نوٹس
سرایت سٹائل ٹیگز استعمال.

182
00:08:49,340 --> 00:08:53,550
میں ایک سٹائل ٹیگ کھول دیا ہے، اور اب میں ہوں
صرف اندر ایک سی ایس ایس stylesheet وضاحت

183
00:08:53,550 --> 00:08:54,310
اس کے.

184
00:08:54,310 --> 00:08:56,310
میں، میز کا کہنا ہے کہ ایک stylesheet ہے.

185
00:08:56,310 --> 00:08:58,170
یہ میرا ٹیگ سلیکٹر ہے.

186
00:08:58,170 --> 00:09:01,340
میں نقطہ یا ہیش کا استعمال کرتے ہوئے نہیں کر رہا ہوں،
جس میں تو کر کیا جائے گا

187
00:09:01,340 --> 00:09:03,710
ایک شناختی یا ایک کلاس سلیکٹر استعمال کر رہا تھا.

188
00:09:03,710 --> 00:09:06,190
میں ایک ٹیگ سلیکٹر یہاں کی میز ہے.

189
00:09:06,190 --> 00:09:10,090
یہ انداز کی جا رہی ہے
ہر میز ٹیگ پر لاگو.

190
00:09:10,090 --> 00:09:14,950
بظاہر میں ایک ڈال کرنا چاہتے ہیں
وسیع پکسل، ٹھوس بلیو سرحد،

191
00:09:14,950 --> 00:09:15,779
میری میز کے اندر.

192
00:09:15,779 --> 00:09:18,320
اس طرح یہ شاید کرے گا لگتا ہے
صحیح، صورت حال میں مدد؟

193
00:09:18,320 --> 00:09:20,320
ہم جا رہے ہیں
چیزیں بہت بہتر نظر آتے ہیں.

194
00:09:20,320 --> 00:09:21,190
تو یہ ٹھیک ہے.

195
00:09:21,190 --> 00:09:23,540
Stylistically، میں صرف ہے
یہاں میں اپنے stylesheet میں سرایت.

196
00:09:23,540 --> 00:09:25,100
یہ یقینی طور پر ایک ہے
ایسا کرنے کے لئے قابل قبول طریقہ.

197
00:09:25,100 --> 00:09:26,391
کی اس طرح لگ رہا ہے دیکھتے ہیں.

198
00:09:26,391 --> 00:09:29,790
تو میں یہاں نیچے واپس جانا، کریں گے اور
میں اپنے table2.HTML پریویو گے گا.

199
00:09:29,790 --> 00:09:32,430

200
00:09:32,430 --> 00:09:36,470
ٹھیک ہے، کہ، جو میں چاہتا تھا بالکل نہیں ہے
لیکن یہ ہم نے کے لئے کہا بالکل وہی جو ہے.

201
00:09:36,470 --> 00:09:39,530
ہم اس انداز نے کہا ہے کہ
ہماری میز پر لاگو کرنے کے لئے جا.

202
00:09:39,530 --> 00:09:43,810
ہماری میز اب ایک پکسل ہے
اس کے ارد گرد وسیع، ٹھوس بلیو سرحد.

203
00:09:43,810 --> 00:09:46,237
ہم اصل میں حاصل نہیں کر رہے
میز کے خلیات میں.

204
00:09:46,237 --> 00:09:47,570
ہم صرف میز پر ہو رہی ہے.

205
00:09:47,570 --> 00:09:49,310
لہذا سی ایس ایس کام کیا.

206
00:09:49,310 --> 00:09:51,890
اس کا اطلاق ہے
ہماری میز پر stylesheet میں.

207
00:09:51,890 --> 00:09:53,981
لیکن بہت نہیں کیا
کیا ہم ایسا کرنا چاہتا تھا.

208
00:09:53,981 --> 00:09:55,730
ہمیں کیا کرنا کیسے حاصل کروں
کیا ہم ایسا کرنا چاہتے ہیں؟

209
00:09:55,730 --> 00:09:59,287
>> ٹھیک ہے، ایک پر ایک نظر ڈالیں
table3.HTML میں اس کے ورژن.

210
00:09:59,287 --> 00:10:00,870
تو میں صرف یہ ٹیبز کو بند کرنے جا رہا ہوں.

211
00:10:00,870 --> 00:10:03,890
میں یہاں واپس اوپر جانے کے لئے جا رہا ہوں میری
درخت فائل، اور table3.HTML کھولو.

212
00:10:03,890 --> 00:10:07,680

213
00:10:07,680 --> 00:10:10,350
ایک بار پھر، یہ بہت تلاش کرنے کے لئے جا رہا ہے
یہاں شروع میں اسی طرح.

214
00:10:10,350 --> 00:10:14,460
لیکن نوٹس، اس وقت، اس کی بجائے کا استعمال کرتے ہوئے
وہیں میں سرایت ایک stylesheet میں،

215
00:10:14,460 --> 00:10:18,870
میں منسلک کرنے کے لئے جا رہا ہوں
لنک ٹیگ استعمال stylesheet میں.

216
00:10:18,870 --> 00:10:22,480
تو میں نے بظاہر ایک سے منسلک ہوں
tables.CSS بلایا stylesheet میں،

217
00:10:22,480 --> 00:10:25,090
اور اس کے ساتھ ساتھ برابر
stylesheet میں صرف، اچھی طرح means--

218
00:10:25,090 --> 00:10:28,645
کے لئے اس فائل رشتہ دار کیا ہے
میں ہوں کہ ایک stylesheet ہے doing-- ہوں

219
00:10:28,645 --> 00:10:29,821
اپنے صفحے کے لئے استعمال.

220
00:10:29,821 --> 00:10:32,320
مجھے سچ میں کیا دیکھنے کے لئے چاہتے ہیں تو
میں یہاں CSS کے ساتھ کر رہا ہوں

221
00:10:32,320 --> 00:10:35,010
مجھے لگتا ہے کہ کھلی جانے کی ضرورت ہے
table.CSS کے ساتھ ساتھ دائر.

222
00:10:35,010 --> 00:10:37,490
تو ہم یہاں واپس چلے جائیں گے
پھر ہماری فائل درخت سے.

223
00:10:37,490 --> 00:10:38,660
table.CSS نہیں ہے.

224
00:10:38,660 --> 00:10:40,490
ہم نے اسے کھولنے کے پاپ گا.

225
00:10:40,490 --> 00:10:43,070
اب ہم سی ایس ایس کا ایک چھوٹا سا دیکھ رہے ہیں.

226
00:10:43,070 --> 00:10:45,630
بظاہر، میں ایک جوڑے کی ہے
چیزوں میں یہاں کیا ہو رہا.

227
00:10:45,630 --> 00:10:48,950
میں بظاہر ایک پانچ ڈال کرنا چاہتے ہیں
وسیع پکسل، ٹھوس سرخ سرحد،

228
00:10:48,950 --> 00:10:50,287
میری میز کے ارد گرد.

229
00:10:50,287 --> 00:10:52,870
ہم نے پہلے ہی کہ رہا ہے جانتے ہیں کہ
صرف فریم پر جانے کے لئے.

230
00:10:52,870 --> 00:10:56,180
ہم table2.HTML میں نے دیکھا کہ.

231
00:10:56,180 --> 00:10:58,770
ہر صف کے ساتھ، میں
بظاہر وضاحت کرنا چاہتے ہیں

232
00:10:58,770 --> 00:11:01,950
کہ صف اونچائی 50 پکسلز زیادہ ہے.

233
00:11:01,950 --> 00:11:05,680
تو ہر صف کے لئے، یاد
کہ، TR ٹیگ کرتا ہے

234
00:11:05,680 --> 00:11:08,550
میں نے اسے 50 پکسلز اعلی کر رہا ہوں.

235
00:11:08,550 --> 00:11:09,804
>> آخر میں، میں نے یہ تبصرہ ہے.

236
00:11:09,804 --> 00:11:11,470
اور یہ کہ ہم سی ایس ایس میں تبصرے بنانے کے لئے کس طرح ہے.

237
00:11:11,470 --> 00:11:16,174
یہ بلاک پر قبضہ کرنے کے لئے بہت اسی طرح کی ہے
تبصرے نحو سلیش سٹار.

238
00:11:16,174 --> 00:11:17,090
آپ چاہتے ہیں تمام متن.

239
00:11:17,090 --> 00:11:19,470
کوئی سلیش سی ایس ایس میں اگرچہ نہیں ہے.

240
00:11:19,470 --> 00:11:23,400
مختصر ان لائن تبصرے کے لئے، ہم نے
یہاں یہ خاص طور پر فارمیٹ کو استعمال کرنے.

241
00:11:23,400 --> 00:11:26,830
میں کر رہا ہوں ایسا لگتا ہے جیسے
میرے TD ٹیگ میں بہت سی چیزوں کے.

242
00:11:26,830 --> 00:11:29,710
TD ٹیگ، یا میز یاد رکھیں
واقعی صرف جو اعداد و شمار،

243
00:11:29,710 --> 00:11:32,210
کے اندر کالم
ہمارے قطار، اور بظاہر

244
00:11:32,210 --> 00:11:35,090
اعداد و شمار کے ہر ایک ٹکڑا کے لئے
میری ٹیبل میں، میں چاہتا ہوں

245
00:11:35,090 --> 00:11:38,850
کرنے کے لئے پس منظر کا رنگ قائم کرنے کے لئے
سیاہ ہو، رنگ، سفید ہونا

246
00:11:38,850 --> 00:11:40,320
رنگ پیش منظر کا رنگ ہے.

247
00:11:40,320 --> 00:11:42,360
تو یہ جا رہا ہے
اپنے صفحے کے متن.

248
00:11:42,360 --> 00:11:45,140
میں بڑے فونٹ، 22 چاہتے ہیں
فونٹ کی طرف اشارہ، اور میں چاہتا ہوں

249
00:11:45,140 --> 00:11:47,001
یہ، فونٹ خاندان کے جارجیا ہونا.

250
00:11:47,001 --> 00:11:48,750
تو میں نہیں جا رہا ہوں
ڈیفالٹ فونٹ ہے.

251
00:11:48,750 --> 00:11:51,820
میں جارجیا، کی وضاحت کرنے جا رہا ہوں جس
ان ویب محفوظ فونٹ میں سے ایک ہے

252
00:11:51,820 --> 00:11:53,830
ہم نے پہلے دیکھا ہے کہ.

253
00:11:53,830 --> 00:11:57,284
میں اپنے متن منسلک کرنا چاہتے ہیں
مرکزی، باکس کے وسط میں،

254
00:11:57,284 --> 00:11:59,450
میں نے اسے چھوڑ دیا جائے نہیں کرنا چاہتے
منسلک یا دائیں منسلک.

255
00:11:59,450 --> 00:12:03,461
اور میں اپنے کالم کی چوڑائی چاہتے
وسیع کے ساتھ ساتھ 50 پکسلز ہونا.

256
00:12:03,461 --> 00:12:05,210
کی پر ایک نظر ڈالیں
اس کی طرح لگتا ہے،

257
00:12:05,210 --> 00:12:07,470
یہ ہو سکتا ہے ایک بہتر ہے اور اگر دیکھیں.

258
00:12:07,470 --> 00:12:12,890
تو میں table3.HTML، پر جانے کے لئے جا رہا ہوں جس
یاد،، ایک لنک کے طور table.CSS شامل

259
00:12:12,890 --> 00:12:14,830
اور ہم اس کا جائزہ لیں گے.

260
00:12:14,830 --> 00:12:16,800
یہ ٹھیک ہے، ایک بہت بہتر ہے؟

261
00:12:16,800 --> 00:12:20,004
یہ اصل میں ایک کو دیکھنے کے لئے شروع کر رہا ہے
زیادہ پہاڑا طرح بہت.

262
00:12:20,004 --> 00:12:21,920
مجھے لگتا ہے کہ سرخ رنگ کے سرحد ہے
میری میز کے ارد گرد لیکن اب

263
00:12:21,920 --> 00:12:26,700
میں نے بھی اس بیان کیا
ہر صف، 50 پکسلز چوڑا ہے

264
00:12:26,700 --> 00:12:30,220
یا یہ tall-- عذر 50 پکسلز ہے
me-- ہر کالم 50 پکسلز چوڑا ہے.

265
00:12:30,220 --> 00:12:34,251
ہر کالم میں اعداد و شمار، اور صرف
اعداد و شمار، ایک سیاہ پس منظر ہے.

266
00:12:34,251 --> 00:12:36,000
تو یہی وجہ ہے کہ ان ہے
سفید لائنیں موجود ہیں.

267
00:12:36,000 --> 00:12:38,836
خلا میں کیونکہ
ان خلیات کے تمام کے درمیان،

268
00:12:38,836 --> 00:12:40,710
اس میں ایک سرحد نہیں ہے
اور خود کو، یہ صرف ہے

269
00:12:40,710 --> 00:12:43,170
میں صرف میں بھرنے رہا ہوں
خلیات، اصل میں جس

270
00:12:43,170 --> 00:12:46,310
میز کی سرحدوں، بناتا ہے جس میں
بظاہر، تمام اس کے ساتھ موجود تھا

271
00:12:46,310 --> 00:12:47,887
صرف پتلی سفید لائنوں تھا.

272
00:12:47,887 --> 00:12:48,720
اب وہ نظر آتا ہو.

273
00:12:48,720 --> 00:12:50,380
اب وہ سکرین پر پاپ.

274
00:12:50,380 --> 00:12:52,920
اور اس طرح یہ ایک بہت ہی آسان ہے
میں لاگو ہے کہ stylesheet میں،

275
00:12:52,920 --> 00:12:56,850
اور اب میری میز سے زیادہ کی طرح ایک بہت لگ رہا
چار چار کی طرف سے پہاڑا،

276
00:12:56,850 --> 00:13:00,950
بجائے ایک گڑبڑ گندگی، جہاں
سب کچھ واضح طور پر قطار اور کالم ہے،

277
00:13:00,950 --> 00:13:03,717
لیکن سپر اچھی طرح سے منظم.

278
00:13:03,717 --> 00:13:06,800
ہم واقعی صرف سطح scratching رہے ہیں
آپ یہاں CSS کے ساتھ کیا کر سکتے ہیں.

279
00:13:06,800 --> 00:13:10,330
خوش قسمتی سے سی ایس ایس دستاویزی
بہت سیدھا ہے.

280
00:13:10,330 --> 00:13:14,000
آپ کے کئی استعمال کریں گے اس
کافی اکثر، صفات.

281
00:13:14,000 --> 00:13:16,087
ہم کے بارے میں بات کرنے والوں
پہلے اس ویڈیو میں.

282
00:13:16,087 --> 00:13:18,170
آپ کو اس کئی ہیں
شاید سب استعمال نہیں کرے گا.

283
00:13:18,170 --> 00:13:19,469
اور وہ بھی، ٹھیک ہے.

284
00:13:19,469 --> 00:13:22,010
لیکن صرف ایک ہے کہ وہاں جانتے ہیں،
وہاں سے باہر دستاویزات کی ایک بہت.

285
00:13:22,010 --> 00:13:25,110
تو ہم ہر چیز کا احاطہ نہیں کیا یہاں تک کہ اگر،
آپ یقینی طور پر آپ اپنے طور پر چھوڑ دیا نہیں کر رہے ہیں.

286
00:13:25,110 --> 00:13:26,780
لیکن سی ایس ایس واقعی مزہ ہے
کے ساتھ استعمال کرنے کے لئے.

287
00:13:26,780 --> 00:13:29,040
اور مجھے پختہ آپ کو حوصلہ افزائی کرے گا
اپنے ویب صفحات کے ساتھ کے ارد گرد کھیلنے کے لئے،

288
00:13:29,040 --> 00:13:32,180
اور آپ کو ان کے بنانے کے کر سکتے ہیں کہ کس طرح دیکھنے
نظر آتے ہیں اور بہتر بنانے کے لئے صارف محسوس

289
00:13:32,180 --> 00:13:34,790
آپ کے صفحے کا دورہ کرنے کا تجربہ.

290
00:13:34,790 --> 00:13:35,710
میں ڈوگ لایڈ ہوں.

291
00:13:35,710 --> 00:13:37,980
یہ CS50 ہے.

292
00:13:37,980 --> 00:13:40,151