[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.81,0:00:05.43,Default,,0000,0000,0000,,შევეშვათ დონატებს და გადავიდეთ სტაფილოზე,\Nმსოფლიოში ყველაზე ჯანსაღ საკვებზე
Dialogue: 0,0:00:05.43,0:00:07.90,Default,,0000,0000,0000,,და კურდღლების უსაყვარლეს\Nკერძზე
Dialogue: 0,0:00:07.90,0:00:10.53,Default,,0000,0000,0000,,იცოდით, რომ სტაფილო არ არის\Nმხოლოდ სტაფილოსფერი?
Dialogue: 0,0:00:10.53,0:00:13.54,Default,,0000,0000,0000,,თავდაპირველად სტაფილო იასამნისფერი იყო.\Nზოგი ახლაც არის.
Dialogue: 0,0:00:13.54,0:00:19.54,Default,,0000,0000,0000,,ესაა მოკლე ვებ–გვერდი, სადაც ჩამოვთვალეთ\Nსტაფილოს ფერები და მოკლე ისტორია.
Dialogue: 0,0:00:19.54,0:00:25.27,Default,,0000,0000,0000,,იმისთვის, რომ ყოველი ფერის სახელი იმავე \Nფერის იყოს, გამოვიყენეთ კლასები.
Dialogue: 0,0:00:25.27,0:00:31.90,Default,,0000,0000,0000,,მომწონს, როგორ გამოიყურება სტილები სიაში,\Nმაგრამ ტექსტში გამოყოფილ იასამნისფერში დარწმუნებული არ ვარ
Dialogue: 0,0:00:31.90,0:00:36.22,Default,,0000,0000,0000,,მგონი, სჯობს ფონს შევეშვა და უფრო სადა\Nშეფერილობას მივმართო.
Dialogue: 0,0:00:36.22,0:00:43.78,Default,,0000,0000,0000,,როგორ ავუხსნა ბრაუზერს, რომ ამ ორ \Nისამნისფერზე სხვადასხვა სტილი გამოიყენოს?
Dialogue: 0,0:00:43.78,0:00:49.30,Default,,0000,0000,0000,,რადგანაც იგივე კლასიდან არიან, კლასს ვერ\Nგამოვიყენებთ, თუ ახალს არ შევქმნით.
Dialogue: 0,0:00:49.30,0:00:52.92,Default,,0000,0000,0000,,ასევე, თეგის იგივე სახელი აქვთ – 
Dialogue: 0,0:00:52.92,0:00:58.01,Default,,0000,0000,0000,,ანუ, ელემენტი+კლასის სახელის სელექტორს\Nვერ გამოვიყენებთ.
Dialogue: 0,0:00:58.01,0:01:00.66,Default,,0000,0000,0000,,არის მათ შორის რამე განსხვავება?
Dialogue: 0,0:01:00.66,0:01:06.38,Default,,0000,0000,0000,,კი. აქ  არის  თეგში,
Dialogue: 0,0:01:06.38,0:01:10.98,Default,,0000,0000,0000,,აქ კი –  თეგში
Dialogue: 0,0:01:10.98,0:01:15.58,Default,,0000,0000,0000,,სხვაობაა მშობელ თეგებში, ანუ, იმ თეგებში,\Nრომელებშიც ესენია ჩასმული.
Dialogue: 0,0:01:15.58,0:01:21.10,Default,,0000,0000,0000,,ამ ინფორმაციის გამოყენებით შეგვიძლია შექმნათ\Nახალი CSS წესი, "შთამომავალი სელექტორი"
Dialogue: 0,0:01:21.10,0:01:25.22,Default,,0000,0000,0000,,რომელიც ირჩევს ელემენტებს დოკუმენტში მათი\Nპოზიციიდან გამომდინარე.
Dialogue: 0,0:01:25.22,0:01:30.62,Default,,0000,0000,0000,,მაგალითად, იმისთვის რომ ავირჩიოთ იისფერი\N მხოლოდ პარაგრაფიდან
Dialogue: 0,0:01:30.62,0:01:35.78,Default,,0000,0000,0000,,დავწეროთ p შემდეგ გამოვტოვოთ ადგილი ––\Nეს ძალიან მნიშვნელოვანია ––
Dialogue: 0,0:01:35.78,0:01:40.38,Default,,0000,0000,0000,,შემდეგ კლასის სახელი - dot purple
Dialogue: 0,0:01:40.38,0:01:46.11,Default,,0000,0000,0000,,და დავამატოთ ის თვისებები, რაც უფრო\Nნატიფი ფორმატირების საშუალებას მოგვცემს
Dialogue: 0,0:01:46.11,0:01:50.31,Default,,0000,0000,0000,,პირველ რიგში გამჭვირვალე ფონი
Dialogue: 0,0:01:50.31,0:01:58.80,Default,,0000,0000,0000,,კარგია. ასე ჩვენ შევცვალეთ ეს ტექსტი, \Nმაგრამ ხელუხლებელი დავტოვეთ მეორე.
Dialogue: 0,0:01:58.80,0:02:02.88,Default,,0000,0000,0000,,ახლა ყოველთვის, როცა ამ კლასს პარაგრაფში\Nგამოვიყენებთ
Dialogue: 0,0:02:02.88,0:02:05.32,Default,,0000,0000,0000,,ის ასეთი სტილის იქნება.
Dialogue: 0,0:02:05.32,0:02:09.59,Default,,0000,0000,0000,,ამ ადგილის გამოყენება შეგვიძლია\Nჩვენს დოკუმენტში უფრო ღრმად რომ ჩავიდეთ
Dialogue: 0,0:02:09.59,0:02:15.73,Default,,0000,0000,0000,,მაგალითად, გვინდა რომ შეიცვალოს მხოლოდ\N–ში მყოფი  თეგების ელემენტები
Dialogue: 0,0:02:15.73,0:02:23.14,Default,,0000,0000,0000,,დავიწოთ მშებელი თეგით –  შემდეგ ჰარი\Nშემდეგ 
Dialogue: 0,0:02:23.14,0:02:28.07,Default,,0000,0000,0000,,და, მაგალითად, ხაზის სხვა სიმაღლე მივანიჭოთ\N– ასე უკეთ გამოიკვეთებიან.
Dialogue: 0,0:02:28.07,0:02:34.07,Default,,0000,0000,0000,,კარგია. –ს წინ შეგვიძლია დავურთოთ \N,
Dialogue: 0,0:02:34.07,0:02:38.52,Default,,0000,0000,0000,,რომ დავრწმუნდეთ, რომ მხოლოდ  –ში \Nმყოფი  თეგები შეიცვლება.
Dialogue: 0,0:02:38.52,0:02:43.81,Default,,0000,0000,0000,,როგორც ხედავთ, შთამომავალი სელექტორების\Nგამოსაყენებლად კარგად უნდა ვიცოდეთ დოკის სტრქუტურა
Dialogue: 0,0:02:43.81,0:02:46.10,Default,,0000,0000,0000,,და რომელი თეგებია რომელი თეგების შიგნით
Dialogue: 0,0:02:46.10,0:02:49.51,Default,,0000,0000,0000,,თუ სტრუქტურა კარგია, მაშინ ამის გაკეთება\Nმარტივი იქნება
Dialogue: 0,0:02:49.51,0:02:52.51,Default,,0000,0000,0000,,იმიტომ რომ უბრალოდ თეგების იერარქიას\Nჩაწერ.
Dialogue: 0,0:02:52.51,0:02:56.96,Default,,0000,0000,0000,,გვაქვს  თეგი, \Nმის შიგნით კი –  თეგი
Dialogue: 0,0:02:56.96,0:02:59.34,Default,,0000,0000,0000,,და კიდევ შიგნით –  თეგი.
Dialogue: 0,0:02:59.34,0:03:02.93,Default,,0000,0000,0000,,თუ იერარქია კარგად არ არის დალაგებული,\Nუნდა გაასწორო
Dialogue: 0,0:03:02.93,0:03:07.02,Default,,0000,0000,0000,,იმიტომ რომ ასე უფრო მარტივად აღიქვამ\Nგვერდის სტრუქტურას
Dialogue: 0,0:03:07.02,0:03:10.61,Default,,0000,0000,0000,,და CSS სელექტორებს მის მიხედვით შეარჩევ
Dialogue: 0,0:03:10.61,0:03:13.60,Default,,0000,0000,0000,,ამ ადგილის გამოყენება ნებისმიერ\Nსელექტორებს შორის შეგიძლია
Dialogue: 0,0:03:13.60,0:03:19.02,Default,,0000,0000,0000,,მაგალითად, იპოვო კონკრეტული თეგი ელემენტში\Nკონკრეტული ID-ით
Dialogue: 0,0:03:19.02,0:03:22.46,Default,,0000,0000,0000,,ან კონკრეტული ID \Nკონრეტული კლასის ელემენტებში
Dialogue: 0,0:03:22.46,0:03:25.33,Default,,0000,0000,0000,,მოკლედ, ნებისმიერი კომბინაციის შექმნაა\Nშესაძლებელი
Dialogue: 0,0:03:25.33,0:03:32.23,Default,,0000,0000,0000,,მაგრამ თუ გვერდების სტრუქტურა შეიცვლება\NCSS წესების შეცვლაც შეიძლება დაგჭირდეს
Dialogue: 0,0:03:32.23,0:03:37.18,Default,,0000,0000,0000,,ამიტომ ფრთხილად გამოიყენე ისინი და\Nყოველთვის გათვალე მომავალი ცვლილებები
Dialogue: 0,0:03:37.18,0:03:41.30,Default,,0000,0000,0000,,თუ სტრუქტურაზე ნაკლებად გინდა იყო \Nდამოკიდებული, გამოიყენე კლასები
Dialogue: 0,0:03:41.30,0:03:45.61,Default,,0000,0000,0000,,ახლა გადავხედოთ შექმნილ წესებს\Nდა გავაანალიზოთ ისინი
Dialogue: 0,0:03:45.61,0:03:51.38,Default,,0000,0000,0000,,პირველი წესი ეხება ყველა იისფერ ელემენტს\Nპარაგრაფების შიგნით.
Dialogue: 0,0:03:51.38,0:03:57.59,Default,,0000,0000,0000,,თუ დავამატებ ახალ პარაგრაფს იისფერის კლასის\Nელემენტით, დაფორმატდება თუ არა ისინიც?
Dialogue: 0,0:03:57.59,0:04:02.37,Default,,0000,0000,0000,,კი, იმიტომ რომ წესი \Nსწორედ მათ ითვალისწინებს.
Dialogue: 0,0:04:02.37,0:04:04.40,Default,,0000,0000,0000,,მჭირდება უფრო ზუსტი წესი?
Dialogue: 0,0:04:04.40,0:04:11.19,Default,,0000,0000,0000,,ჯერ–ჯერობით, არა. თუ ეს პარაგრაფები სულ, \Nმაგალითად, "სტატიის" კლასის ელემენტში
Dialogue: 0,0:04:11.19,0:04:14.25,Default,,0000,0000,0000,,იქნებოდა, მაშინ ჩავამატებდი მაგასაც \Nგანსაზღვრებაში.
Dialogue: 0,0:04:14.25,0:04:21.18,Default,,0000,0000,0000,,მეორე წესი განსაზღვრავს ყველა  \Nელემენტის ხაზის სიმაღლეს
Dialogue: 0,0:04:21.18,0:04:26.04,Default,,0000,0000,0000,,მინდა ,რომ ყველაფერს  თეგში\Nეცვლებოდეს ხაზის სიმაღლე?
Dialogue: 0,0:04:26.04,0:04:30.98,Default,,0000,0000,0000,,ალბათ, არა. ეს წესი ძალიან ზოგადია.
Dialogue: 0,0:04:30.98,0:04:36.78,Default,,0000,0000,0000,,რადგანაც არ ვარ დარწმუნებული,\Nდავუმატებ ამ -ს კლასს
Dialogue: 0,0:04:36.78,0:04:42.03,Default,,0000,0000,0000,,და შევცვლი ამას ul.spacey–ზე
Dialogue: 0,0:04:42.03,0:04:44.65,Default,,0000,0000,0000,,ასე წესი უფრო სპეციფიკური გახდა.
Dialogue: 0,0:04:44.65,0:04:49.84,Default,,0000,0000,0000,,დროთა განმავლობაში, წესები შეიძლება მეტად\Nან ნაკლებად სპეციფიკური გავხადო
Dialogue: 0,0:04:49.84,0:04:53.62,Default,,0000,0000,0000,,მოკლედ, ეს CSS ხერხი ძალიან გამოსადეგი\Nრამეა
Dialogue: 0,0:04:53.62,0:04:57.88,Default,,0000,0000,0000,,ივარჯიშე მის გამოყენებაზე.