[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.53,0:00:04.19,Default,,0000,0000,0000,,CSS სელექტორებით\Nუკვე ბევრი რამის გაკეთბა მოვასწარით:
Dialogue: 0,0:00:04.19,0:00:08.01,Default,,0000,0000,0000,,ვარჩევდით ელემენტებს თეგით, ID–ით,\Nკლასის მიხედვით.
Dialogue: 0,0:00:08.29,0:00:11.03,Default,,0000,0000,0000,,მოკლედ გავიხსენოთ ყველა\Nამ ვებ–გვერდის მაგალითზე.
Dialogue: 0,0:00:11.26,0:00:13.66,Default,,0000,0000,0000,,ეს გვერდი არის დონატებზე.
Dialogue: 0,0:00:13.79,0:00:15.96,Default,,0000,0000,0000,,მას აქვს.. სათაური, პარაგრაფები
Dialogue: 0,0:00:15.96,0:00:18.94,Default,,0000,0000,0000,,ზოგი პარაგრაფი არის მოკლე, \Nერთხაზიანი ფაქტი.
Dialogue: 0,0:00:19.24,0:00:23.14,Default,,0000,0000,0000,,CSS იწყება წესით, რომელიც ირჩევს გვერდზე\Nყველა  თეგს
Dialogue: 0,0:00:23.14,0:00:25.61,Default,,0000,0000,0000,,და ცვლის მათ ფონტს sans-serif–ზე
Dialogue: 0,0:00:26.07,0:00:30.06,Default,,0000,0000,0000,,უცებ შევცვლი მნიშვნელობას monospace-ით –\Nშერჩევა რომ დაინახოთ.
Dialogue: 0,0:00:30.78,0:00:31.81,Default,,0000,0000,0000,,ხედავთ?
Dialogue: 0,0:00:34.10,0:00:37.84,Default,,0000,0000,0000,,შემდეგი წესი ირჩევს ყველა ელემენტს, თუ\Nმისი ID არის donut-header
Dialogue: 0,0:00:38.03,0:00:41.91,Default,,0000,0000,0000,,ვიცით, რომ შერჩევა არის ID–ით, იმიტომ\Nრომ წინ ეს # სიმბოლო აქვს.
Dialogue: 0,0:00:42.03,0:00:43.76,Default,,0000,0000,0000,,ID–ს სახელიდან გამომდინარე \Nვხვდებით,
Dialogue: 0,0:00:43.76,0:00:46.69,Default,,0000,0000,0000,,რომ ეს წესი ირჩევს ამ სათაურს
Dialogue: 0,0:00:46.69,0:00:47.75,Default,,0000,0000,0000,,და ცვლის მის ფონტს.
Dialogue: 0,0:00:47.97,0:00:51.42,Default,,0000,0000,0000,,მაგრამ მაინც, ჩამოვსქროლოთ და დავრწმუნდეთ,\Nრომ -ს მართლაც აქვს ეს ID
Dialogue: 0,0:00:51.45,0:00:53.18,Default,,0000,0000,0000,,კი, ასეა
Dialogue: 0,0:00:53.39,0:00:56.79,Default,,0000,0000,0000,,ბოლო წესი ირჩევს ყველა ელემენტს, რომელთა\Nკლასის სახელიც არის fact
Dialogue: 0,0:00:56.90,0:01:00.38,Default,,0000,0000,0000,,ვიცით, რომ კლასის სახელით ეძებს, იმიტომ \Nრომ იწყება წერტილით.
Dialogue: 0,0:01:00.49,0:01:02.96,Default,,0000,0000,0000,,თუ მინდა გავიგო, რომელ ელემენტებს\Nაერთიანებს ეს კლასი
Dialogue: 0,0:01:02.96,0:01:05.23,Default,,0000,0000,0000,,შემიძლია ან ვნახო, რას აკეთებს წესი ––
Dialogue: 0,0:01:05.23,0:01:07.83,Default,,0000,0000,0000,,მაგალითად, დავუმატო საზღვრები და\Nგანლაგება––
Dialogue: 0,0:01:07.83,0:01:10.46,Default,,0000,0000,0000,,ან მოვძებნო ეს კლასი HTML–ში,
Dialogue: 0,0:01:10.62,0:01:13.15,Default,,0000,0000,0000,,როგორც ვხედავ, ამ კლასში შედის \Nეს პარაგრაფი
Dialogue: 0,0:01:13.15,0:01:14.30,Default,,0000,0000,0000,,და აი, ეს პარაგრაფიც.
Dialogue: 0,0:01:14.30,0:01:16.46,Default,,0000,0000,0000,,ეს ორი ერთხაზიანი პარაგრაფი.
Dialogue: 0,0:01:16.46,0:01:18.32,Default,,0000,0000,0000,,ამიტომ გაუჩნდათ მათ საზვარი.
Dialogue: 0,0:01:18.45,0:01:20.22,Default,,0000,0000,0000,,ელემენტების კლასებად გაერთიანება
Dialogue: 0,0:01:20.22,0:01:22.88,Default,,0000,0000,0000,,ძალიან მოსახერხებელია ელემენტების\Nსტილის შესაცვლელად.
Dialogue: 0,0:01:22.88,0:01:26.03,Default,,0000,0000,0000,,მაგრამ კლასების გამოყენებით\Nსხვა რაღაცების გაკეთებაც შეიძლება.
Dialogue: 0,0:01:26.03,0:01:27.37,Default,,0000,0000,0000,,ახლავე გაჩვენებთ.
Dialogue: 0,0:01:27.37,0:01:29.14,Default,,0000,0000,0000,,გვაქვს გვერდი დონატების შესახებ.
Dialogue: 0,0:01:29.14,0:01:31.36,Default,,0000,0000,0000,,ისე, დონატები სულაც არაა სასარგებლო.
Dialogue: 0,0:01:31.44,0:01:34.01,Default,,0000,0000,0000,,მავნებელიც კი არის.
Dialogue: 0,0:01:34.03,0:01:36.96,Default,,0000,0000,0000,,და შაქრის გამო მიჩვევასაც იწვევენ.
Dialogue: 0,0:01:37.01,0:01:39.64,Default,,0000,0000,0000,,ამიტომ, თუ მაინც და მაინც მათ შესახებ\Nვაკეთებთ გვერდს
Dialogue: 0,0:01:39.64,0:01:42.42,Default,,0000,0000,0000,,ალბათ, უნდა გავაფრთხილოთ ხალხი,\Nრომ ეს არაჯანსაღი საკვებია.
Dialogue: 0,0:01:42.54,0:01:47.26,Default,,0000,0000,0000,,მაგალითად, ზემოთა ფაქტი წითლად რომ \Nგამოვყოთ? მართლა გაფრთხილებას რომ ჰგავდეს?
Dialogue: 0,0:01:47.63,0:01:49.02,Default,,0000,0000,0000,,როგორ ვქნათ ეს?
Dialogue: 0,0:01:49.20,0:01:53.40,Default,,0000,0000,0000,,შეგვიძლია CSS წესს fact–ს დავუმატოთ\Nფერის თვისება
Dialogue: 0,0:01:53.40,0:01:55.10,Default,,0000,0000,0000,,მაგრამ ასე
Dialogue: 0,0:01:55.65,0:02:00.33,Default,,0000,0000,0000,,ორივე ფაქტი გახდება წითელი;\Nმეორე კი სულაც არ არის გაფრთხილება.
Dialogue: 0,0:02:00.33,0:02:01.85,Default,,0000,0000,0000,,სულ სხვა რამეზეა სინამდვილეში.
Dialogue: 0,0:02:02.05,0:02:03.84,Default,,0000,0000,0000,,და არ მინდა, რომ წითელი იყოს.
Dialogue: 0,0:02:04.17,0:02:05.58,Default,,0000,0000,0000,,შეგვიძლია დავამატოთ ID
Dialogue: 0,0:02:05.58,0:02:09.57,Default,,0000,0000,0000,,მაგრამ მერე თუ \Nსხვა გაფრთხილებების დამატება მოგვინდა
Dialogue: 0,0:02:09.57,0:02:10.96,Default,,0000,0000,0000,,და მათი ასევე წითლად გამოყოფა
Dialogue: 0,0:02:10.96,0:02:14.18,Default,,0000,0000,0000,,სულ მოგვიწევს დავამატოთ ID\Nდა ამ ID–ს წესები
Dialogue: 0,0:02:14.39,0:02:19.81,Default,,0000,0000,0000,,ასეთ შემთხვევებში ყველაზე კარგია, რომ\N თეგს კიდევ ერთი კლასი დავუმატოთ
Dialogue: 0,0:02:20.10,0:02:24.15,Default,,0000,0000,0000,,ერთ თეგზე შეუზღუდავად შეგვიძლია კლასების\Nდამატება
Dialogue: 0,0:02:24.54,0:02:28.53,Default,,0000,0000,0000,,უბრალოდ ვსვამთ კურსორს კლასის სახელის მერე
Dialogue: 0,0:02:28.53,0:02:33.20,Default,,0000,0000,0000,,ვსვამთ ჰარის და ვწერთ ახალი კლასის სახლეს\Nმაგ. warning
Dialogue: 0,0:02:33.98,0:02:36.33,Default,,0000,0000,0000,,ახლა შევქმნათ წესი warning–ისთვის
Dialogue: 0,0:02:37.12,0:02:40.24,Default,,0000,0000,0000,,და გადავიტანოთ ფერის თვისება მასზე
Dialogue: 0,0:02:40.84,0:02:44.00,Default,,0000,0000,0000,,ახლა ზემოთა ფაქტი წითელია, \Nქვემოთა კი არა
Dialogue: 0,0:02:44.22,0:02:45.41,Default,,0000,0000,0000,,მშვენიერია.
Dialogue: 0,0:02:45.85,0:02:49.28,Default,,0000,0000,0000,,კლასის სახელი, ისევე, როგორც ადრე\Nბევრ ელემენტს შეგვიძლია, დავურთოთ
Dialogue: 0,0:02:49.64,0:02:54.12,Default,,0000,0000,0000,,შეიძლება, გვინდა გავაფერადოთ გამოყოფილი\Nტექსტი "deep fried"
Dialogue: 0,0:02:54.12,0:02:56.99,Default,,0000,0000,0000,,გვინდა გამოვყოთ ის წითლად
Dialogue: 0,0:02:56.99,0:02:59.87,Default,,0000,0000,0000,,იმიტომ რომ ძლიერად შემწვარი ხშირად \Nასოცირდება არაჯანსაღ საჭმელთან
Dialogue: 0,0:03:00.02,0:03:03.69,Default,,0000,0000,0000,,ამიტომ, დავურთოთ class = "warning"
Dialogue: 0,0:03:03.69,0:03:04.63,Default,,0000,0000,0000,,ესეც გაწითლდა
Dialogue: 0,0:03:05.04,0:03:10.82,Default,,0000,0000,0000,,დააკვირდით, რომ ამ გაფრთხილებას აქვს \Nწითელი ფერი
Dialogue: 0,0:03:10.82,0:03:14.65,Default,,0000,0000,0000,,და ასევე border: top`\Nდა `border: bottom
Dialogue: 0,0:03:14.80,0:03:17.54,Default,,0000,0000,0000,,ასე ხდება ბევრი კლასის გამოყენებისას
Dialogue: 0,0:03:17.54,0:03:20.58,Default,,0000,0000,0000,,ბრაუზერი მათ ყველას აკვირდება
Dialogue: 0,0:03:20.58,0:03:22.34,Default,,0000,0000,0000,,და ყველას წესს იყენებს.
Dialogue: 0,0:03:22.73,0:03:26.81,Default,,0000,0000,0000,,ზოგი ადამიანი ვერ არჩევს ფერებს
Dialogue: 0,0:03:26.81,0:03:28.56,Default,,0000,0000,0000,,ამიტომ მხოლოდ ფერი არ უნდა გამოვიყენოთ\Nმნიშვნელობის ხაზგასასმელად
Dialogue: 0,0:03:28.64,0:03:31.30,Default,,0000,0000,0000,,ზოგი ადამიანი ვერ ასხვავებს წითელსა და \Nშავს –
Dialogue: 0,0:03:31.30,0:03:33.82,Default,,0000,0000,0000,,შეიძლება, ვერც შენ ასხვავებ მათ
Dialogue: 0,0:03:33.90,0:03:37.46,Default,,0000,0000,0000,,ამიტომ, შევცვალოთ ჩვენი კლასი ისე,\Nრომ ყველამ შეამჩნიოს
Dialogue: 0,0:03:38.07,0:03:40.71,Default,,0000,0000,0000,,ეს ფერი ისევ ფონის ფერზე შეცვალოთ
Dialogue: 0,0:03:40.71,0:03:44.74,Default,,0000,0000,0000,,იმიტომ რომ სხვაობას ყველა შეამჩნევს
Dialogue: 0,0:03:45.10,0:03:47.56,Default,,0000,0000,0000,,სხვაობა და კონტრასტი კი
Dialogue: 0,0:03:47.56,0:03:51.30,Default,,0000,0000,0000,,კარგად გამოყოფს აბზაცს ყველასთვის.
Dialogue: 0,0:03:51.40,0:03:54.08,Default,,0000,0000,0000,,ტექსტის ფერი კი შეცვალოთ თეთრით
Dialogue: 0,0:03:54.78,0:03:56.81,Default,,0000,0000,0000,,ახლა ყველაფერი კონტრასტულია
Dialogue: 0,0:03:56.81,0:03:59.61,Default,,0000,0000,0000,,და ასევე გვაქვს წითელი ფონი იმათთვის,\Nვინც ასხვავებს წითელს
Dialogue: 0,0:03:59.99,0:04:04.50,Default,,0000,0000,0000,,და რაგანაც კლასს ვიყენებდით,\Nორივე გამაფრთხილებელ თეგს იგივე სტილი აქვს
Dialogue: 0,0:04:04.77,0:04:07.79,Default,,0000,0000,0000,,ახლა, მადლობა CSS კლასებს,
Dialogue: 0,0:04:07.79,0:04:10.74,Default,,0000,0000,0000,,სამყარო შეიტყობს დონატების საშიშროების\Nშესახებ.