1
00:00:00,000 --> 00:00:00,290

2
00:00:00,290 --> 00:00:03,310
>> اسپیکر: یہ ایچ ٹی ایم ایل نہیں ہے پتہ چلا ہے کہ
آپ کے اندر استعمال کر سکتے ہیں صرف زبان بدلیں

3
00:00:03,310 --> 00:00:03,895
ایک ویب کے صفحے کے.

4
00:00:03,895 --> 00:00:08,100
آپ سی ایس ایس نامی کسی چیز کا استعمال کرتے ہیں، یا کر سکتے ہیں
جھرن کاری سٹائل شیٹس، کے ساتھ ساتھ.

5
00:00:08,100 --> 00:00:12,120
سی ایس ایس آپ کو بہت زیادہ وضاحت کرنے کی اجازت دیتا ہے
ایک ویب کی خاص طور پر جمالیات

6
00:00:12,120 --> 00:00:16,930
ترتیب اور سائز سمیت پیج، اور
رنگ اور فونٹ میں اور بہت کچھ.

7
00:00:16,930 --> 00:00:20,820
مثال کے طور پر، کی ایک ویب کے صفحے تشکیل دیں
ایک کی نمائندگی کرتا ہے یہاں اس لئے بلایا CSS0

8
00:00:20,820 --> 00:00:22,740
جان ہارورڈ، کا کہنا ہے کہ، کے لئے ہوم پیج.

9
00:00:22,740 --> 00:00:25,480
>> اس صفحے پر، ہم کریں گے جان ہارورڈ کے
نام ہو جائے گا، جن کے نیچے

10
00:00:25,480 --> 00:00:28,500
ان کے زائرین کے لئے ایک اچھا پیغام، نیچے
جس کے ساتھ، ایک فوٹر ہو جائے گا

11
00:00:28,500 --> 00:00:30,590
، کچھ حقوق اشاعت کا کہنا ہے کہ.

12
00:00:30,590 --> 00:00:34,650
ایسا کرنے کے لئے، کے تین ڈویژنوں کی وضاحت کریں
ایک ٹیگ کا استعمال کرتے ہوئے صفحہ کے لئے

13
00:00:34,650 --> 00:00:35,670
DIV کہا جاتا ہے.

14
00:00:35,670 --> 00:00:43,880
کھلا بریکٹ DIV، جان ہارورڈ، بند
بریکٹ DIV، ایک اور اوپن بریکٹ DIV،

15
00:00:43,880 --> 00:00:48,330
اور اب ہم کچھ وضاحت کریں گے
طرح، میرے گھر کے صفحے پر خوش آمدید!

16
00:00:48,330 --> 00:00:50,420
اور کے طور پر، اس DIV بند.

17
00:00:50,420 --> 00:00:53,700
>> اور اب ایک تیسرا اور آخری
DIV، حقوق نقل و اشاعت.

18
00:00:53,700 --> 00:00:58,250
صرف پسند کرنے کے لئے، اب مجھے ایک HTML کا استعمال کرتے ہیں
ہستی، کی نمائندگی کرتا ہے ایک علامت

19
00:00:58,250 --> 00:01:01,140
ایک کردار ہے کہ آپ کو دوسری صورت میں نہیں کر سکتا
اپنے کی بورڈ پر ٹائپ کریں.

20
00:01:01,140 --> 00:01:07,490
خاص طور پر، میں کرنے جا رہا ہوں
ایمپرسینڈ، پونڈ، 169، نیم وقفہ.

21
00:01:07,490 --> 00:01:10,620
کہ عددی کوڈ پتہ چلا ہے
کاپی رائٹ کی علامت کے لئے.

22
00:01:10,620 --> 00:01:14,260
تو پھر جان ہارورڈ کی وضاحت کرتے ہیں
یہاں سب سے نیچے دیئے.

23
00:01:14,260 --> 00:01:17,180
کی DIV بند کریں اور فائل کو بچانے کے ہیں.

24
00:01:17,180 --> 00:01:18,910
>> اب، اس DIV ٹیگ کیا ہے؟

25
00:01:18,910 --> 00:01:21,970
DIV ٹیگ صرف ایک ڈویژن کی وضاحت کرتا ہے
بنیادی طور پر ہے جس کے صفحہ، کے

26
00:01:21,970 --> 00:01:23,310
آئتاکار علاقے.

27
00:01:23,310 --> 00:01:26,850
تو وقت میں اس وقت، میں نے تین ہے
آئتاکار علاقے، سب سے اوپر پر ایک

28
00:01:26,850 --> 00:01:27,620
دوسرے کی.

29
00:01:27,620 --> 00:01:30,610
تو اب کے لئے، اثر تقریبا کے طور پر ہے
میں نے تین پیرا تھا.

30
00:01:30,610 --> 00:01:33,490
لیکن ہم کافی کے طور پر زیادہ سے زیادہ نظر نہیں آئے گا
ان کے درمیان میں سفید جگہ.

31
00:01:33,490 --> 00:01:36,170
>> تبدیل، اس فائل کو بچانے کے ہیں اس کے
اجازت، اور ایک کے لئے ایک نظر ڈالیں

32
00:01:36,170 --> 00:01:37,990
کروم میں لمحے.

33
00:01:37,990 --> 00:01:43,040
CHMOD A + CSS0.html ر.

34
00:01:43,040 --> 00:01:52,440
کروم اور دورے کھول اب چلو
http://localhost.CSS0.html.

35
00:01:52,440 --> 00:01:54,630
بے شک، یہاں ایک ہوم پیج ہے
جان ہارورڈ کے لئے.

36
00:01:54,630 --> 00:01:59,370
اب تھوڑا اور اس stylize ہیں
خاص طور پر کچھ سی ایس ایس کا استعمال کرتے ہوئے.

37
00:01:59,370 --> 00:02:03,510
>> واپس gedit میں، اس میں جانے
پہلے DIV ٹیگ اور ایک سٹائل شامل

38
00:02:03,510 --> 00:02:11,060
میں چاہوں گا کہ اس کی وضاحت کا وصف
فونٹ کا کہنا ہے کہ، کے سائز، 36 پکسلز، یا پکسلز.

39
00:02:11,060 --> 00:02:15,650
اور میں نے اس فونٹ کے وزن چاہتے ہیں
بلکہ پہلے سے طے شدہ کے مقابلے میں جرات مندانہ ہو،

40
00:02:15,650 --> 00:02:16,980
جس میں عام بات ہے.

41
00:02:16,980 --> 00:02:21,170
دوسری DIV کے لئے، کی وضاحت کرتے ہیں
ایک ہے کہ ایک سٹائل کے وصف

42
00:02:21,170 --> 00:02:25,550
فونٹ 24 پکسلز کے سائز، تو
تھوڑا سا چھوٹا.

43
00:02:25,550 --> 00:02:28,410
نیم وقفہ کے بعد بند کی قیمت درج کرنے.

44
00:02:28,410 --> 00:02:33,255
>> آخر میں، اس تیسری DIV میں، کی کرتے ہیں
سٹائل اقتباس، فونٹ سائز کے برابر ہے، اور

45
00:02:33,255 --> 00:02:35,340
12 پکسلز اس وقت کہتے ہیں.

46
00:02:35,340 --> 00:02:37,280
نیم وقفہ کے بعد بند اقتباس.

47
00:02:37,280 --> 00:02:40,200
میں نے کرنے کے لئے لگ رہے ہو تو نوٹس
کے لئے stylization کے مخصوص تھوڑا سا

48
00:02:40,200 --> 00:02:43,770
کا استعمال کرتے ہوئے ان تین divs میں سے ہر ایک،
یہ سی ایس ایس باہر کر دیتا ہے.

49
00:02:43,770 --> 00:02:47,820
اصل میں، میں آپ دیکھتے ہیں کہ نحو
ان ڈبل قیمت درج کرنے کے درمیان سی ایس ایس، ہے

50
00:02:47,820 --> 00:02:50,620
خاص طور پر کی خصوصیات سی ایس ایس
اقدار کے ساتھ.

51
00:02:50,620 --> 00:02:53,910
اور میں جہاں کہ سب سے پہلے ٹیگ، کے لئے
ایسے دو خصوصیات، فونٹ سائز اور

52
00:02:53,910 --> 00:02:57,290
فونٹ وزن، میں صرف الگ
ایک نیم وقفہ کے ساتھ ان.

53
00:02:57,290 --> 00:02:59,940
>> اب، صرف سٹائل کے لئے، میں
بھی شامل سیمی کولون میں

54
00:02:59,940 --> 00:03:00,880
ہر سطر کے آخر میں.

55
00:03:00,880 --> 00:03:04,270
لیکن وہ سختی ضروری نہیں ہیں،
آپ کو صرف ایک ہے خاص طور پر جب

56
00:03:04,270 --> 00:03:05,580
جائیداد کی وضاحت.

57
00:03:05,580 --> 00:03:08,370
اب فائل کو بچانے اور دوبارہ لوڈ کریں دو
کروم میں، اور دیکھو کیا

58
00:03:08,370 --> 00:03:11,000
خالص اثر ہے.

59
00:03:11,000 --> 00:03:13,470
واپس کروم میں،
کی دوبارہ کلک کریں.

60
00:03:13,470 --> 00:03:15,800
>> اب ہم ایک تھوڑا سا زیادہ دلچسپ ہے
جان کے لیے مرکزی صفحہ

61
00:03:15,800 --> 00:03:19,000
ہارورڈ، کے ساتھ جس کے تحت پہلی سطر
اس کے اندر ہے جو اس کے نام،

62
00:03:19,000 --> 00:03:23,470
پہلے DIV، بھی 36 پکسلز لمبا ہے اور
جلی حروف، جس کے تحت دوسری لائن،

63
00:03:23,470 --> 00:03:27,340
کہ دوسری DIV میں ہے، 24 ہے
قد، لیکن جلی حروف پکسلز.

64
00:03:27,340 --> 00:03:31,500
اور جس کے تحت تیسری میں تیسری لائن
DIV نے بھی 12 پکسلز لمبا ہے اور

65
00:03:31,500 --> 00:03:32,610
جلی حروف نہیں.

66
00:03:32,610 --> 00:03:35,380
لیکن اب لگتا ہے میں منتقل کرنا چاہتے ہیں
پر اس متن کے تمام

67
00:03:35,380 --> 00:03:36,650
یہ مرکز ہے کہ اس طرح کی.

68
00:03:36,650 --> 00:03:40,480
>> میں فرد کی ہر سیدھ کریں کر سکتے ہیں
مرکوز کیا جا رہا ہے کے طور پر divs.

69
00:03:40,480 --> 00:03:45,330
لیکن زیادہ آسانی سے، میں ان لپیٹ کر سکتے ہیں
ایک چوتھی DIV کے اندر تین divs، ایک

70
00:03:45,330 --> 00:03:49,360
والدین DIV، تو بات، اور وضاحت کرنے کے لئے
کہ DIV اور اس کے تمام

71
00:03:49,360 --> 00:03:52,610
اولاد ہونا چاہئے
ٹیکسٹ مرکز منسلک؟

72
00:03:52,610 --> 00:03:54,120
چلو ایک نظر ڈالیں.

73
00:03:54,120 --> 00:03:58,510
>> کی gedit کے اندر، کی واپس جانے دو میری
جسم اور کے ساتھ ایک نئی DIV اوپر شامل

74
00:03:58,510 --> 00:04:04,460
DIV، سٹائل اقتباس unquote برابر
متن سیدھ کریں مرکز، بند

75
00:04:04,460 --> 00:04:06,250
نیم وقفہ کے بعد حوالہ.

76
00:04:06,250 --> 00:04:10,280
اور اب، سب سے آگے اور پوٹ جانے
ہم سے پہلے ٹائپ ہے کہ ان لائنوں کی.

77
00:04:10,280 --> 00:04:15,040
اور اس تیسرے DIV ذیل، چلو
اس نئے DIV بند.

78
00:04:15,040 --> 00:04:18,829
>> دوسرے الفاظ میں، کیونکہ ان تین
اصل divs اب بچے ہیں، تو کرنے کے لئے

79
00:04:18,829 --> 00:04:22,110
ایک نیا والدین DIV کی، بولتے ہیں اور میں نے
میں سیدھ چاہتے ہیں اس کی وضاحت کی

80
00:04:22,110 --> 00:04:26,140
مرکز میں اس کے والدین DIV کا متن
صفحے کے، کہ جائیداد ہو جائے گا

81
00:04:26,140 --> 00:04:28,290
ان بچوں میں سے سب کی طرف سے وراثت میں ملا.

82
00:04:28,290 --> 00:04:32,370
بے شک، کی فائل کو بچانے کے ہیں اور
ایک براؤزر میں ایک نظر ڈالیں.

83
00:04:32,370 --> 00:04:34,650
کی کروم میں دوبارہ لوڈ کرتے ہیں.

84
00:04:34,650 --> 00:04:37,540
اور وہاں ہم نے اسے، اس سے بھی اچھے ہیں
جان ہارورڈ کے ہوم پیج.

85
00:04:37,540 --> 00:04:39,872