[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.36,0:00:02.03,Default,,0000,0000,0000,,აქამდე ჩვენ ვნახეთ, როგორ გამოგვეყენებინა
Dialogue: 0,0:00:02.03,0:00:03.59,Default,,0000,0000,0000,,CSS ტექსტის გასაფორმებლად,
Dialogue: 0,0:00:04.09,0:00:05.90,Default,,0000,0000,0000,,მაგრამ ჩვენ მისი გამოყენება\Nჩვენი გვერდის
Dialogue: 0,0:00:05.90,0:00:07.50,Default,,0000,0000,0000,,მაკეტის შესაცვლელადაც შეგვიძლია.
Dialogue: 0,0:00:07.62,0:00:09.15,Default,,0000,0000,0000,,ეს ნიშნავს რომ ჩვენ შეგვიძლია ელემენტების\Nგადაადგილება,
Dialogue: 0,0:00:09.16,0:00:10.19,Default,,0000,0000,0000,,ზომის შეცვლა,
Dialogue: 0,0:00:10.19,0:00:11.78,Default,,0000,0000,0000,,მათი ერთმანეთზე დალაგებაც კი.
Dialogue: 0,0:00:12.01,0:00:13.55,Default,,0000,0000,0000,,მაგრამ რისი გადაადგილება გვინდა ჩვენ?
Dialogue: 0,0:00:13.55,0:00:14.40,Default,,0000,0000,0000,,
Dialogue: 0,0:00:14.50,0:00:16.12,Default,,0000,0000,0000,,ზოგჯერ, იმ ელემენტების,
Dialogue: 0,0:00:16.12,0:00:17.34,Default,,0000,0000,0000,,რომლებიც ჩვენ უკვე შევქმენით,
Dialogue: 0,0:00:17.34,0:00:18.81,Default,,0000,0000,0000,,მაგალითად, კონკრეტული აბზაცი,
Dialogue: 0,0:00:18.81,0:00:20.67,Default,,0000,0000,0000,,ან კონკრეტული სათაურის.
Dialogue: 0,0:00:21.23,0:00:22.36,Default,,0000,0000,0000,,მაგრამ, ყველაზე ხშირად,
Dialogue: 0,0:00:22.44,0:00:24.68,Default,,0000,0000,0000,,ეს ჩვენი შექმნილი ელემენტების ჯგუფის,
Dialogue: 0,0:00:24.68,0:00:26.89,Default,,0000,0000,0000,,მაგალითად, ტექსტის ფრაგმენტის,
Dialogue: 0,0:00:27.06,0:00:30.06,Default,,0000,0000,0000,,ან სათაურისა და რამდენიმე აბზაცის.
Dialogue: 0,0:00:31.69,0:00:32.95,Default,,0000,0000,0000,,იმისთვის, რომ ისინი გადავაადგილოთ
Dialogue: 0,0:00:32.95,0:00:34.36,Default,,0000,0000,0000,,ერთობლივად, როგორც ერთი ერთეული,
Dialogue: 0,0:00:34.36,0:00:36.78,Default,,0000,0000,0000,,ჩვენ უნდა გავეცნოთ HTML-ის ახალ თეგს.
Dialogue: 0,0:00:36.80,0:00:39.22,Default,,0000,0000,0000,,რომელსაც ჩვენ ელემენტების მაჯგუფებელს ვეძახით.
Dialogue: 0,0:00:39.25,0:00:41.46,Default,,0000,0000,0000,,ჩვენ ეს CSS-ის გაცნობამდე არ აგვიხსნია,
Dialogue: 0,0:00:41.46,0:00:42.66,Default,,0000,0000,0000,,რადგან ინის მხოლოდ CSS-სთან
Dialogue: 0,0:00:42.66,0:00:44.21,Default,,0000,0000,0000,,ერთადაა გამოსადეგი.
Dialogue: 0,0:00:44.21,0:00:46.56,Default,,0000,0000,0000,,მათ არ აქვთ აზრობრივი მნიშვნელობა\Nბრაუზერისთვის.
Dialogue: 0,0:00:47.28,0:00:49.18,Default,,0000,0000,0000,,პირველი თეგია- 
Dialogue: 0,0:00:49.60,0:00:51.52,Default,,0000,0000,0000,,და ჩვენ ამას ვიყენებთ ტექსტის ფრაგმენტის
Dialogue: 0,0:00:51.52,0:00:52.76,Default,,0000,0000,0000,,დაჯგუფებისთვის.
Dialogue: 0,0:00:53.24,0:00:54.19,Default,,0000,0000,0000,,ვთქვათ, ჩვენ გვინდა ფერი,
Dialogue: 0,0:00:54.19,0:00:56.50,Default,,0000,0000,0000,,სიტყვა "Love"(სიყვარული) იყოს წითელი.
Dialogue: 0,0:00:57.06,0:00:58.69,Default,,0000,0000,0000,,ჩვენ უბრალოდ სიტყვის გაფერადება გვინდა,
Dialogue: 0,0:00:58.69,0:00:59.95,Default,,0000,0000,0000,,და არა სათაურის დარჩენილი ნაწილისიც.
Dialogue: 0,0:01:00.33,0:01:02.46,Default,,0000,0000,0000,,ჩვენ მივიტანთ კურსორს სიტყვა "Love"-მდე,
Dialogue: 0,0:01:02.46,0:01:06.14,Default,,0000,0000,0000,,და დავბეჭდავთ ის საწყის თეგს.
Dialogue: 0,0:01:06.50,0:01:10.52,Default,,0000,0000,0000,,ამის შემდეგ, დამასრულებელ თეგს. კარგი.
Dialogue: 0,0:01:10.68,0:01:11.64,Default,,0000,0000,0000,,ახლა ჩვენ გვინდა სტილი შევუცვალოთ
Dialogue: 0,0:01:11.64,0:01:12.81,Default,,0000,0000,0000,,ამ სიმბოლოების -ს.
Dialogue: 0,0:01:13.01,0:01:14.64,Default,,0000,0000,0000,,ჩვენ შეგვიძლია ერთი წესით ყველა -ს
Dialogue: 0,0:01:14.72,0:01:15.68,Default,,0000,0000,0000,,მივცეთ ფერი გვერდზე,
Dialogue: 0,0:01:15.78,0:01:18.56,Default,,0000,0000,0000,,თუმცა, შეიძლება არ გვინდოდეს ყველაფერი\Nგაწითლდეს.
Dialogue: 0,0:01:18.56,0:01:19.98,Default,,0000,0000,0000,,მოდი მივცეთ 
Dialogue: 0,0:01:20.11,0:01:21.98,Default,,0000,0000,0000,,ერთ კლასს, "lovey-dovey" (ისე საყვარელია),
Dialogue: 0,0:01:25.09,0:01:29.05,Default,,0000,0000,0000,,და დავამატოთ წესი მხოლოდ
Dialogue: 0,0:01:29.05,0:01:30.37,Default,,0000,0000,0000,,ამ კლასში გაერთიანებული ელემენტებისთვის.
Dialogue: 0,0:01:30.39,0:01:33.76,Default,,0000,0000,0000,,.lovey-dovey, color: red.
Dialogue: 0,0:01:34.61,0:01:36.70,Default,,0000,0000,0000,,შეხედეთ როგორი გახდა ტექსტი ახლა!
Dialogue: 0,0:01:38.09,0:01:39.67,Default,,0000,0000,0000,,ასე რომ, -ები კარგია ტექსტების\Nფრაგმენტების დაჯგუფებისთვს,
Dialogue: 0,0:01:39.67,0:01:41.72,Default,,0000,0000,0000,,როგორ ვაჯგუფებთ
Dialogue: 0,0:01:41.73,0:01:43.19,Default,,0000,0000,0000,,სხვადასხვა ელემენტებს?
Dialogue: 0,0:01:43.51,0:01:45.25,Default,,0000,0000,0000,,სწორედ აქ გვჭირდება  თეგი.
Dialogue: 0,0:01:45.68,0:01:46.75,Default,,0000,0000,0000,,ვთქვათ, ჩვენ გვინდა დავაჯგუფოთ
Dialogue: 0,0:01:46.75,0:01:47.72,Default,,0000,0000,0000,,ეს ქვედა ნაწილი,
Dialogue: 0,0:01:48.20,0:01:49.46,Default,,0000,0000,0000,,ოფიციალური ინფორმაციის სათაური, და
Dialogue: 0,0:01:49.46,0:01:51.17,Default,,0000,0000,0000,,აბზაცები და სურათი მის ქვემოთ.
Dialogue: 0,0:01:51.74,0:01:52.71,Default,,0000,0000,0000,,ამის გასაკეთებლად,
Dialogue: 0,0:01:52.71,0:01:58.13,Default,,0000,0000,0000,,მე მივიყვან კურსორს h3-ის წინ
Dialogue: 0,0:01:58.13,0:01:59.39,Default,,0000,0000,0000,,და დავუწერ -ის საწყის თეგს.
Dialogue: 0,0:01:59.86,0:02:02.26,Default,,0000,0000,0000,,შემდეგ ჩამოვალ ფინალურ აბზაცზე,
Dialogue: 0,0:02:02.69,0:02:04.62,Default,,0000,0000,0000,,და აქ დავწერ დამამთავრებელ თეგს.
Dialogue: 0,0:02:05.47,0:02:07.85,Default,,0000,0000,0000,,ჩვენ უკვე გვაქვს , ახლა კი გვინდა სტილი\Nმივცეთ მას.
Dialogue: 0,0:02:08.51,0:02:09.57,Default,,0000,0000,0000,,-სთვის სტილის მისაცემად,
Dialogue: 0,0:02:09.57,0:02:11.43,Default,,0000,0000,0000,,მე უნდა მივცე ID (იდენტიფიკატორი).
Dialogue: 0,0:02:11.43,0:02:13.52,Default,,0000,0000,0000,,"official-info" (ოფიციალური ინფორმაცია).
Dialogue: 0,0:02:15.12,0:02:16.42,Default,,0000,0000,0000,,შემდეგ აქ დავამატო წესი ამისთვის.
Dialogue: 0,0:02:16.42,0:02:21.10,Default,,0000,0000,0000,,ჰმ, # ოფიციალური ინფორმაცია და ფონი.
Dialogue: 0,0:02:22.28,0:02:23.72,Default,,0000,0000,0000,,მოდი გავხადოთ ის ნაცრისფერი.
Dialogue: 0,0:02:23.88,0:02:26.93,Default,,0000,0000,0000,,მოდი შევარჩიოთ... ეს... ეს კარგია.
Dialogue: 0,0:02:27.13,0:02:28.65,Default,,0000,0000,0000,,ახლა შეგიძლიათ ნახოთ, რომ  \Nგახდა
Dialogue: 0,0:02:28.65,0:02:30.84,Default,,0000,0000,0000,,ნაცრისფერი ყუთი, რომელიც მოიცავს
Dialogue: 0,0:02:30.84,0:02:31.68,Default,,0000,0000,0000,,ყველა ელემენტს მასში.
Dialogue: 0,0:02:31.77,0:02:34.27,Default,,0000,0000,0000,,ეს განსხვავდება ყველა ელემენტისთვის
Dialogue: 0,0:02:34.27,0:02:35.95,Default,,0000,0000,0000,,ცალკე ფონის მინიჭებისგან.
Dialogue: 0,0:02:35.100,0:02:38.23,Default,,0000,0000,0000,,თუ ჩვენ ასე გავაკეთებდით, ცარიელი,
Dialogue: 0,0:02:38.23,0:02:39.31,Default,,0000,0000,0000,,არანაცრისფერი სივრცე დაგვრჩებოდა.
Dialogue: 0,0:02:39.52,0:02:41.12,Default,,0000,0000,0000,,ჩვენ უნდა გავაკეთოთ  მაშინ,
Dialogue: 0,0:02:41.13,0:02:42.91,Default,,0000,0000,0000,,როცა გვინდა ფერი მივცეთ ყველაფერს.
Dialogue: 0,0:02:44.71,0:02:46.18,Default,,0000,0000,0000,,თქვენ შეგიძლიათ იფიქროთ -ზე,
Dialogue: 0,0:02:46.18,0:02:47.74,Default,,0000,0000,0000,,როგორც ტექსტის მაჯგუფებელზე,
Dialogue: 0,0:02:48.30,0:02:50.76,Default,,0000,0000,0000,,ხოლო-ზე,
Dialogue: 0,0:02:50.76,0:02:52.27,Default,,0000,0000,0000,,როგორც ელემენტების მაჯგუფებელზე,
Dialogue: 0,0:02:52.48,0:02:54.72,Default,,0000,0000,0000,,მაგრამ, ჩვენ მათი გარჩევის სხვა გზაც გვაქვს.
Dialogue: 0,0:02:55.45,0:02:56.85,Default,,0000,0000,0000,,თქვენ CSS-ის სამყაროში
Dialogue: 0,0:02:56.85,0:02:58.10,Default,,0000,0000,0000,,ორი ტიპის ელემენტებს ხედავთ.
Dialogue: 0,0:02:58.41,0:03:00.23,Default,,0000,0000,0000,,ხაზისშიდა და მასობრივი.
Dialogue: 0,0:03:00.50,0:03:03.41,Default,,0000,0000,0000,,ხაზისშიდა ელემენტის შემდეგ ახალი ხაზი არ არის.
Dialogue: 0,0:03:03.57,0:03:06.73,Default,,0000,0000,0000,,ანუ, თუ გსურთ მათი გამრავლება, \Nყველაფერი ერთსა და იმავე ხაზზე იქნება.
Dialogue: 0,0:03:06.73,0:03:08.75,Default,,0000,0000,0000,,ამის მაგალითები, რომლებზეც უკვე ვისაუბრეთ,
Dialogue: 0,0:03:08.75,0:03:11.65,Default,,0000,0000,0000,,არის სურათები,
Dialogue: 0,0:03:11.83,0:03:13.43,Default,,0000,0000,0000,,თქვენ შეგიძლიათ ნახოთ ეს გამოსახულება,
Dialogue: 0,0:03:13.45,0:03:16.43,Default,,0000,0000,0000,,როგორ ქრება ის ტექსტში.
Dialogue: 0,0:03:16.62,0:03:18.33,Default,,0000,0000,0000,,აქ მის შემდეგ ახალი ხაზია.
Dialogue: 0,0:03:18.66,0:03:21.89,Default,,0000,0000,0000,,მასობრივი ელემენტის შემდეგ ხაზია,
Dialogue: 0,0:03:21.91,0:03:24.60,Default,,0000,0000,0000,,და ეს ის არის, რასაც HTML თეგების უმრავლესობა\Nადგენს.
Dialogue: 0,0:03:24.82,0:03:26.98,Default,,0000,0000,0000,,შეხედეთ ყველა მაგალითს ამ გვერდზე,
Dialogue: 0,0:03:27.04,0:03:30.28,Default,,0000,0000,0000,,სათაურები,აბზაცები, ჩამონათვალი.
Dialogue: 0,0:03:30.80,0:03:33.70,Default,,0000,0000,0000,,ბრაუზერმა ყველას შემდეგ ახალი ხაზები ჩასვა,
Dialogue: 0,0:03:33.73,0:03:36.15,Default,,0000,0000,0000,,\N თეგის ჩაწერის გარეშე.
Dialogue: 0,0:03:37.03,0:03:39.04,Default,,0000,0000,0000,,რა კავშირი აქვს ამას -თან ან
Dialogue: 0,0:03:39.04,0:03:39.73,Default,,0000,0000,0000,,თან?
Dialogue: 0,0:03:39.84,0:03:43.20,Default,,0000,0000,0000,,მაშ ასე,  ხაზისშიდა ელემენტს ქმნის,
Dialogue: 0,0:03:43.20,0:03:47.12,Default,,0000,0000,0000,, კი მასობრივ ელემენტს.
Dialogue: 0,0:03:47.25,0:03:49.49,Default,,0000,0000,0000,,ეს ნიშნავს, რომ, თუ თქვენ დაამატებთ \N-ს\N
Dialogue: 0,0:03:49.49,0:03:53.43,Default,,0000,0000,0000,,და არ დაამატებთ რომელიმე სხვა სტილს,
Dialogue: 0,0:03:53.94,0:03:56.27,Default,,0000,0000,0000,,ბრაუზერი ბლოკად განიხილავს
Dialogue: 0,0:03:56.27,0:03:58.14,Default,,0000,0000,0000,,გვერდის იმ ნაწილს.
Dialogue: 0,0:03:58.14,0:04:00.53,Default,,0000,0000,0000,,ახლა, მათ -ში მოქცეულებს,
Dialogue: 0,0:04:00.53,0:04:02.98,Default,,0000,0000,0000,,ახალი ხაზები აქვთ მდე და შემდეგ.
Dialogue: 0,0:04:02.100,0:04:05.50,Default,,0000,0000,0000,,და შეიძლება თქვენ სწორედ ეს გსურთ.
Dialogue: 0,0:04:05.50,0:04:07.52,Default,,0000,0000,0000,,უბრალოდ, ჩაიბეჭდეთ ეს განსხვავება გონებაში.
Dialogue: 0,0:04:07.55,0:04:09.38,Default,,0000,0000,0000,,ახლა გავაგრძელოთ, რადგან
Dialogue: 0,0:04:09.40,0:04:10.88,Default,,0000,0000,0000,,გაცილებით მეტი რამის გაკეთება\Nშეგვიძლია ამ თეგების გამოყენებით.
Dialogue: 0,0:04:10.88,0:04:12.63,Default,,0000,0000,0000,,განსაკუთრებით, -ით.