[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.83,0:00:05.21,Default,,0000,0000,0000,,ჩვენ დავბრუნდით და ახლა ჩვენს გვერდზე\Nარის ცნობილი ნახატების სიების ბმულები.
Dialogue: 0,0:00:05.21,0:00:11.74,Default,,0000,0000,0000,,CSS იწყება წესით, რომ ძირითად ნაწილში \Nმთელი ტექსტის ფონტი არის sans-serif
Dialogue: 0,0:00:11.74,0:00:17.11,Default,,0000,0000,0000,,შემდეგ გვაქვს წესი, რომელიც ცვლის\N და  პარაგრაფების სტილს.
Dialogue: 0,0:00:17.11,0:00:24.74,Default,,0000,0000,0000,,შემდეგ კიდევ რამდენიმე წესი გვაქვს, \Nრომელიც მანამდე, ალბათ, არ გინახავს.
Dialogue: 0,0:00:24.74,0:00:29.97,Default,,0000,0000,0000,,ყველა იწყება ასე: \Na: რაღაც–სიტყვა
Dialogue: 0,0:00:29.97,0:00:35.50,Default,,0000,0000,0000,,რას ნიშნავს a: ?\Nრას მიესადაგება ეს წესები?
Dialogue: 0,0:00:35.50,0:00:41.06,Default,,0000,0000,0000,,ყველაფერი, რაც ასე გამოიყურება \Nმიემართება ფსევდო–კლასებს.
Dialogue: 0,0:00:41.06,0:00:48.00,Default,,0000,0000,0000,,ფსევდო–კლასი ირჩევს ელემენტებს ინფორმაციით\Nრომელიც არაა მოცემული გვერდის სტრუქტურაში
Dialogue: 0,0:00:48.00,0:00:51.83,Default,,0000,0000,0000,,ან უბრალოდ ვერ გადმოიცემა სხვს სელექტორებით.
Dialogue: 0,0:00:51.83,0:00:57.43,Default,,0000,0000,0000,,აქ ფსევდო–კლასებს ვირჩევ ბმულების სტილის \Nშესაცვლელად მათი მდგომარეობის მიხედვით.
Dialogue: 0,0:00:57.43,0:01:03.45,Default,,0000,0000,0000,,ფსევდო–კლასი link აირჩევს ყველა ბმულს,\Nრომელზეც მომხმარებელი ჯერ არ გადასულა.
Dialogue: 0,0:01:03.45,0:01:06.58,Default,,0000,0000,0000,,ჩვეულებრივ, ასეთი ბმული ლურჯია.
Dialogue: 0,0:01:06.58,0:01:10.40,Default,,0000,0000,0000,,ფსევდო–კლასი visited აირჩევს იმ ბმულებს,\Nრომელთაც მომხმარებელი უკვე ეწვია.
Dialogue: 0,0:01:10.40,0:01:13.29,Default,,0000,0000,0000,,ასეთ ბმულებს ბრაუზერები, წესით,\Nიისფრად აღნიშნავენ.
Dialogue: 0,0:01:13.29,0:01:16.12,Default,,0000,0000,0000,,თუ ძალიან გვინდა,\Nშეგვიძლია შევცვალოთ ფერები.
Dialogue: 0,0:01:16.12,0:01:18.08,Default,,0000,0000,0000,,მაგრამ ამისთვის კარგი მიზეზი უნდა გვქონდეს
Dialogue: 0,0:01:18.08,0:01:22.95,Default,,0000,0000,0000,,ადამიანები შეეჩვივნენ ლურჯსა და იისფერს და\Nასე განსაზღვრავენ, რა ნახეს უკვე, და რა – ჯერ არა.
Dialogue: 0,0:01:22.95,0:01:25.55,Default,,0000,0000,0000,,ზოგადად, ეს ძალიან სასარგებლო ფუნქციაა
Dialogue: 0,0:01:25.55,0:01:28.47,Default,,0000,0000,0000,,და ტყუილ–უბრალოდ არ ღირს მისი შეცვლა.
Dialogue: 0,0:01:28.47,0:01:31.09,Default,,0000,0000,0000,,ამიტომ, მე უბრალოდ წავშლი ამ წესებს.
Dialogue: 0,0:01:31.09,0:01:34.22,Default,,0000,0000,0000,,მათ შეცვლას, ჩემი აზრით, წაშლა სჯობს.
Dialogue: 0,0:01:34.22,0:01:38.97,Default,,0000,0000,0000,,შემდეგი წესი არის a:hover
Dialogue: 0,0:01:38.97,0:01:46.14,Default,,0000,0000,0000,,hover ფსევდო–კლასი აირჩევს ელემენტს, თუ\Nმომხმარებელი მას მაუსს მიუახლოვებს.
Dialogue: 0,0:01:46.14,0:01:48.41,Default,,0000,0000,0000,,თვისებები ამ ელემენტს მხოლოდ ასეთ\Nშემთხვევაში გადაეცემა.
Dialogue: 0,0:01:48.41,0:01:53.35,Default,,0000,0000,0000,,დააპაუზეთ ვიდეო და ნახეთ, რა მოხდება \Nთუ ბმულებთან მაუსს მიიტანთ.
Dialogue: 0,0:01:53.35,0:01:57.41,Default,,0000,0000,0000,,მიდით, მე დაგიცდით.
Dialogue: 0,0:01:57.41,0:02:01.16,Default,,0000,0000,0000,,ნახეთ, როგორ იცვლიდა ფონი ფერს?\Nძალიან მაგარი ეფექტია.
Dialogue: 0,0:02:01.16,0:02:05.07,Default,,0000,0000,0000,,ამ hover პსევდო–კლასის გამოყენება შეგიძლია\Nნებისმიერ ელემენტზე, არა მარტო ბმულზე
Dialogue: 0,0:02:05.07,0:02:07.66,Default,,0000,0000,0000,,მაგრამ ის არ იმუშავბს ყველა მოწყობილობაზე
Dialogue: 0,0:02:07.66,0:02:11.42,Default,,0000,0000,0000,,მაგალითად, თუ ტელეფონით ხარ, მაუსს ვერ \Nმიიტან: ან ეხები, ან არა
Dialogue: 0,0:02:11.42,0:02:15.30,Default,,0000,0000,0000,,კარგია, როცა ეს ეფექტი ბონუსად გაქვს,\Nმაგრამ სერიოზული ფუნქცია არ უნდა დააკისრო
Dialogue: 0,0:02:15.30,0:02:20.50,Default,,0000,0000,0000,,გადავიდეთ ბოლო ორზე. \Nისინი გვანან hover-ს
Dialogue: 0,0:02:20.50,0:02:23.07,Default,,0000,0000,0000,,მოქმედებენ მომხმარებლის მიმდინარე\Nქცევის შესაბამისად
Dialogue: 0,0:02:23.07,0:02:27.19,Default,,0000,0000,0000,,პსევდო–კლასი active ირჩევს მიმდინარე\Nგააქტიურებულ ელემენტებს
Dialogue: 0,0:02:27.19,0:02:34.08,Default,,0000,0000,0000,,მაგალითად, ბმულს, რომელსაც ზუსტად ახლა \Nაჭერენ, გადასვლამდე
Dialogue: 0,0:02:34.08,0:02:38.61,Default,,0000,0000,0000,,პსევდო–კლასი focus ირჩევს ფოკუსში მყოფ\Nელემენტებს;
Dialogue: 0,0:02:38.61,0:02:42.39,Default,,0000,0000,0000,,მაგალითად, თუ tab ღილაკს იყენებ\Nინტერფეისზე სამოძრაოდ
Dialogue: 0,0:02:42.39,0:02:47.74,Default,,0000,0000,0000,,დააპაუზე ვიდეო და სცადე გადახვიდე ბმულებზე\Nან გამოიყენო მათ ირგვლივ tab ღილაკი
Dialogue: 0,0:02:47.74,0:02:51.50,Default,,0000,0000,0000,,შეამჩნიე, როგორ იცვლებოდა ფონი?
Dialogue: 0,0:02:51.50,0:02:56.42,Default,,0000,0000,0000,,hover, active და focus – სამივესთვის იგივე\Nთვისება შევარჩიე, იმიტომ რომ მსგავსი ქმდებებია
Dialogue: 0,0:02:56.42,0:02:58.84,Default,,0000,0000,0000,,მომხმარებელი რაღაცნაირად ზემოქმედებს\Nბმულზე
Dialogue: 0,0:02:58.84,0:03:03.66,Default,,0000,0000,0000,,ბევრი დიზაინერი სწორედ ამის გამო იყენებს \Nსამივესთვის ერთსა და იმავე თვისებას
Dialogue: 0,0:03:03.66,0:03:07.11,Default,,0000,0000,0000,,დავუშვათ, მინდა შევცვალო ამ ფონის\Nფერი
Dialogue: 0,0:03:07.11,0:03:13.55,Default,,0000,0000,0000,,შემიძლია შევცავლო ის ცალ–ცალკე\Nყოველისთვის
Dialogue: 0,0:03:13.55,0:03:15.88,Default,,0000,0000,0000,,ან გამოვიყენო ის, რაც ახლახან ვისწავლეთ
Dialogue: 0,0:03:15.88,0:03:20.14,Default,,0000,0000,0000,,შემიძლია გავაერთიანო სელექტორები, ჩავსვა \Nისინი ერთ წესში და გამოვყო მძიმეებით
Dialogue: 0,0:03:20.14,0:03:27.21,Default,,0000,0000,0000,,აქ დავსვამ მძიმეს და ჩავსვამ \N"a:active", "a:focus".
Dialogue: 0,0:03:27.21,0:03:37.42,Default,,0000,0000,0000,,ახლა წავშალოთ ესენი და შევცვალოთ სამივე\Nერთდროულად. კარგია
Dialogue: 0,0:03:37.42,0:03:41.53,Default,,0000,0000,0000,,პსევდო–კლასები ამ რამდენიმეთი არ იწურება
Dialogue: 0,0:03:41.53,0:03:45.12,Default,,0000,0000,0000,,შეგიძლია დაძებნო დანარჩენები ინტერნეტში
Dialogue: 0,0:03:45.12,0:03:48.65,Default,,0000,0000,0000,,ან დაიცადო, სანამ აქ გასწავლით მეტს.