1
00:00:00,000 --> 00:00:00,300

2
00:00:00,300 --> 00:00:04,840
>> დინამიკები: ასე რომ, ფაქტობრივად, არ არის საუკეთესო
დიზაინი intermingle CSS და HTML.

3
00:00:04,840 --> 00:00:08,700
უფრო მეტიც, ეს საუკეთესო ფაქტორი თქვენი
CSS, ამას სადღაც ცენტრალურ და

4
00:00:08,700 --> 00:00:11,430
რატომღაც მიმართოს მას
tags თქვენი ვებ გვერდი.

5
00:00:11,430 --> 00:00:15,290
ამ მიზნის მისაღწევად, ჩვენ შეგვიძლია რეალურად შეწყვიტოს
გამოყენებით სტილი ატრიბუტი და ნაცვლად

6
00:00:15,290 --> 00:00:19,290
გამოყენება სტილი აქვს, რომელიც ეკუთვნის
ხელმძღვანელი ვებ გვერდზე ერთად, ამისთვის

7
00:00:19,290 --> 00:00:20,700
მაგალითად, თქვენი სათაური.

8
00:00:20,700 --> 00:00:24,400
>> მოდით მივცეთ ამ შეეცდება და ხელახლა განხორციელება
მთავარი გვერდი John Harvard

9
00:00:24,400 --> 00:00:26,410
გამოყენებით სტილი აქვს.

10
00:00:26,410 --> 00:00:28,930
მე უკვე მიღებული us დაიწყო
აქ სამი divs for

11
00:00:28,930 --> 00:00:30,260
ჯონ ჰარვარდის ს მთავარ გვერდზე.

12
00:00:30,260 --> 00:00:33,990
მაგრამ მოდით პირველ ახლა ახვიდეთ პირველი
div და დაამატოთ ახალი ატრიბუტი,

13
00:00:33,990 --> 00:00:38,680
კერძოდ ID და დააკონკრეტა, რომ უნიკალური
იდენტიფიკატორი ამ კონკრეტულ div

14
00:00:38,680 --> 00:00:42,390
უნდა იყოს, მაგალითად, ციტირებით unquote
"დაბრუნება", თვითნებური სახელი, მაგრამ

15
00:00:42,390 --> 00:00:45,840
აღწერა რომ ამ div არის
მართლაც ზედა ჩემი გვერდი.

16
00:00:45,840 --> 00:00:48,920
>> მომდევნო div, მოდით მივცეთ მას
სხვადასხვა პირადობის გაცემა unquote

17
00:00:48,920 --> 00:00:54,080
"შუა", და მოდით მივცეთ მესამე div
პირადობის გაცემა unquote "ბოლოში." ჩვენ

18
00:00:54,080 --> 00:00:57,740
ახლა უკვე სამი უნიკალური იდენტიფიკატორი
რომელსაც ჩვენ შეუძლია გარკვეული CSS

19
00:00:57,740 --> 00:01:01,210
თვისებები, მაგრამ, პირველ რიგში, მოდით დაბრუნება
ხელმძღვანელი ამ გვერდზე.

20
00:01:01,210 --> 00:01:04,760
მაღლა სათაური აქ, მე
წავიდეთ წინ და განსაზღვროს სტილი

21
00:01:04,760 --> 00:01:07,120
და შემდეგ ახლო სტილი.

22
00:01:07,120 --> 00:01:10,340
>> შიგნით ამ ახლა, მე ვაპირებ, რომ განსაზღვროს
ზოგიერთი CSS თვისებების, კერძოდ,

23
00:01:10,340 --> 00:01:14,550
იგივე პირობა მე ადრე სტილი
ატრიბუტები, მაგრამ აქ ისინი ვიქნები

24
00:01:14,550 --> 00:01:16,320
ცენტრალიზებული განსაზღვრული.

25
00:01:16,320 --> 00:01:20,880
ამის გაკეთება, მე ვაპირებ მიუთითოთ ფუნტი
სიმბოლო მოჰყვა დაბრუნება, რითაც

26
00:01:20,880 --> 00:01:24,710
მიუთითებს, რომ შემდეგი CSS
თვისებები უნდა მიმართონ, რაც

27
00:01:24,710 --> 00:01:28,800
HTML-ის ელემენტი აქვს უნიკალური
იდენტიფიკატორი დაბრუნება.

28
00:01:28,800 --> 00:01:32,240
მე მაშინ აპირებს გარკვეული ღია და
დახურულ curly აფრთხილებს, და მე ვაპირებ

29
00:01:32,240 --> 00:01:39,170
დააკონკრეტა, ვთქვათ, შრიფტის ზომა უნდა იყოს 36
pixels, შრიფტის წონა უნდა იყოს გაბედული.

30
00:01:39,170 --> 00:01:41,810
>> შენარჩუნება რამ სუფთა, მე აყენებს თითოეული
ეს ქონება ახლა საკუთარი

31
00:01:41,810 --> 00:01:44,610
ხაზი, მაგრამ ეს მხოლოდ
სტილისტური კონვენციას.

32
00:01:44,610 --> 00:01:47,830
ქვემოთ ეს, მოდით ახლა განვსაზღვროთ სხვა
selector, ასე ვთქვათ.

33
00:01:47,830 --> 00:01:52,680
ეს ერთი HTML tag, რომელსაც აქვს
უნიკალური იდენტიფიკატორი ცენტრიდან.

34
00:01:52,680 --> 00:01:57,540
და აქ, მოდით მიუთითოთ შრიფტის ზომა
24 pixels, ქვემოთ, რომ სხვა

35
00:01:57,540 --> 00:02:01,520
selector for ბოლოში და შიგნით
რომ, მოდით მიუთითოთ

36
00:02:01,520 --> 00:02:03,850
შრიფტის ზომა 12 pixels.

37
00:02:03,850 --> 00:02:09,350
>> მოდით ახლა გადარჩენა, შეცვალოს უფლებები
, და ჩატვირთოს ეს გვერდი ბრაუზერი,

38
00:02:09,350 --> 00:02:14,230
chmod პლუს r css-1.html.

39
00:02:14,230 --> 00:02:22,260
მოდით გახსნა Chrome და ეწვევა
http://localhost/css-1.html.

40
00:02:22,260 --> 00:02:22,960
ცუდი არ არის.

41
00:02:22,960 --> 00:02:26,930
ზუსტად ისე, როგორც ვაპირებდი, მაგრამ მინდა
მიიღოს რამ ერთი ნაბიჯი შემდგომი ახლა და

42
00:02:26,930 --> 00:02:29,050
ცენტრი John Harvard ტექსტი.

43
00:02:29,050 --> 00:02:32,080
ახლა ამის გაკეთება, მე ვერ გადაიტანოთ
მთელი გვერდი div როგორც მე

44
00:02:32,080 --> 00:02:33,800
გააკეთეთ ადრე მაგალითად.

45
00:02:33,800 --> 00:02:37,820
ან მე შეიძლება უფრო ჭკვიანი და გააცნობიეროს, რომ
ყველა ამ divs არის შიგნით

46
00:02:37,820 --> 00:02:42,420
ჩემი გვერდი სხეული, რატომ არ მხოლოდ ვრცელდება
ერთი ან მეტი CSS თვისებების ორგანოს

47
00:02:42,420 --> 00:02:43,850
tag თავად?

48
00:02:43,850 --> 00:02:45,460
>> ამისათვის, მოდით გავაკეთოთ ეს.

49
00:02:45,460 --> 00:02:47,650
მოდით დავუბრუნდეთ gedit აქ.

50
00:02:47,650 --> 00:02:52,460
მოდით გადახვევა უკან მდე სტილი tag,
და მოდით მიუთითოთ selector მხოლოდ

51
00:02:52,460 --> 00:02:54,520
გამოყენებით, რომ tag სახელი, ორგანო.

52
00:02:54,520 --> 00:03:00,580
ქვემოთ რომ, მოდით დააყენა ჩვენი curly აფრთხილებს
მოყვება ტექსტის გასწორება ცენტრი.

53
00:03:00,580 --> 00:03:05,580
მოდით ახლა გადარჩენა გვერდზე და განაახლეთ
მას შიგნით რომ ბრაუზერში.

54
00:03:05,580 --> 00:03:08,090
ჩატვირთვა Chrome, და voila.

55
00:03:08,090 --> 00:03:11,000
ჩვენ ახლა აქვს ჯონ ჰარვარდის გვერდი
ორიენტირებული, როგორც ჩვენ განკუთვნილი.

56
00:03:11,000 --> 00:03:12,619