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

2
00:00:00,290 --> 00:00:03,310
>> SPEAKER: به نظر می رسد که HTML نمی باشد.
تنها زبان شما می توانید در داخل استفاده

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

4
00:00:03,895 --> 00:00:08,100
شما می توانید چیزی به نام CSS استفاده کنید، و یا
شیوه نامه های آبشاری، و همچنین.

5
00:00:08,100 --> 00:00:12,120
CSS شما اجازه می دهد تا مشخص خیلی بیشتر
دقیقا به زیبایی شناسی از یک وب

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
به نام دیو.

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
و اجازه دهید این دیو بستن، و همچنین.

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
سطح دسترسی + تحقیق 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
اجازه دهید در حال حاضر آن را کمی بیشتر یا سبک خاصی دراوردن
دقیقا با استفاده از CSS.

37
00:01:59,370 --> 00:02:03,510
>> برگشت در نرمافزاری gedit، اجازه دهید وارد این
اولین تگ div و اضافه کردن سبک

38
00:02:03,510 --> 00:02:11,060
ویژگی مشخص است که من می خواهم
اندازه فونت، می گویند، 36 پیکسل، و یا PX.

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
توجه کنید که پس از من به نظر می رسد
مشخص شده کمی از سبک برای

48
00:02:40,200 --> 00:02:43,770
هر یک از این سه divs با استفاده از،
که معلوم است، CSS.

49
00:02:43,770 --> 00:02:47,820
در واقع، نحو است که شما در دیدن
بین این دو علامت CSS است،

50
00:02:47,820 --> 00:02:50,620
به طور خاص خواص CSS
با ارزش.

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
اما بیشتر به راحتی، می توانم آن بسته بندی
سه divs داخل یک div چهارم،

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، سبک برابر با نقل قول نقل قول را تمام کردن
مرکز متن تراز، نزدیک

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