[Script Info] Title: [Events] Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text Dialogue: 0,0:00:00.10,0:00:02.34,Default,,0000,0000,0000,,ამ ვებგვერდზე ჩვენ ვიყენებთ CSS-ს, Dialogue: 0,0:00:02.34,0:00:04.60,Default,,0000,0000,0000,,რომ შევცვალოთ -ი და აბზაცები ისე, რომ Dialogue: 0,0:00:04.60,0:00:09.54,Default,,0000,0000,0000,,ყოველი იყოს მწვანე\Nდა ყოველი აბზაცი იისფერი. Dialogue: 0,0:00:09.54,0:00:13.46,Default,,0000,0000,0000,,მაგრამ, ვთქვათ გვინდა მივუთითოთ\Nფერი მხოლოდ პირველი -სთვის Dialogue: 0,0:00:13.46,0:00:16.88,Default,,0000,0000,0000,,ან მხოლოდ მეორე აბზაცისთვის? Dialogue: 0,0:00:16.88,0:00:20.56,Default,,0000,0000,0000,,ჩვენ უნდა მოვიფიქროთ თუ როგორ მივუთითოთ\Nბრაუზერს ზუსტად ის ელემენტები, Dialogue: 0,0:00:20.56,0:00:25.34,Default,,0000,0000,0000,,რომელთა თვისებების შეცვლაც გვინდა. Dialogue: 0,0:00:25.34,0:00:28.32,Default,,0000,0000,0000,,ამის ერთ-ერთი ხერხი არის ID-ს მითითება. Dialogue: 0,0:00:28.32,0:00:32.16,Default,,0000,0000,0000,,ჩვენ შეგვიძლია დავთაგოთ ჩვენს გვერდზე\Nუნიკალური ID, შემდეგ კი მივუთითოთ CSS-ს Dialogue: 0,0:00:32.18,0:00:38.45,Default,,0000,0000,0000,,რომ გვინდა მხოლოდ ამ ელემენტის\Nშეცვლა და არა ყველა მათგანის. Dialogue: 0,0:00:38.46,0:00:41.28,Default,,0000,0000,0000,,ამის გასაკეთებლად პირველი ნაბიჯია\NHTML-ის შეცვლა ისე, რომ Dialogue: 0,0:00:41.28,0:00:45.63,Default,,0000,0000,0000,,დავამატოთ ID ატრიბუტები იმ თეგებს,\Nრომელთა შეცვლაც გვინდა. Dialogue: 0,0:00:45.63,0:00:47.84,Default,,0000,0000,0000,,მოდი, დავიწყოთ მეორე აბზაცით. Dialogue: 0,0:00:47.84,0:00:53.32,Default,,0000,0000,0000,,ID-ს თვისების დასამატებლად, მიგვაქვს\Nკურსორი თეგის დასაწყისში Dialogue: 0,0:00:53.32,0:00:57.22,Default,,0000,0000,0000,,p-ს გვერდზე, შემდეგ ვტოვებთ\Nადგილს და ვწერთ: Dialogue: 0,0:00:57.22,0:00:59.02,Default,,0000,0000,0000,,id = " Dialogue: 0,0:00:59.02,0:01:02.85,Default,,0000,0000,0000,,ახლა ჩვენ უნდა შევავსოთ ID თვისება\Nმნიშნველობით. Dialogue: 0,0:01:02.85,0:01:04.18,Default,,0000,0000,0000,,რომელი ID უნდა მივცე? Dialogue: 0,0:01:04.18,0:01:06.54,Default,,0000,0000,0000,,ID უნდა იყოს აზრიანი და უნიკალური. Dialogue: 0,0:01:06.54,0:01:09.48,Default,,0000,0000,0000,,ამ გვერდზე არაფერს არ უნდა ჰქონდეს\Nიგივე ID. Dialogue: 0,0:01:09.48,0:01:15.43,Default,,0000,0000,0000,,რადგან ეს რეალურად სიმღერაა კურდღლების\Nშესახებ, დავარქვათ rabbits-song. Dialogue: 0,0:01:15.43,0:01:19.84,Default,,0000,0000,0000,,ჩვენ შეგვიძლია ადგილები გამოვტოვოთ\NID-ში და რამდენიმე სიტყვა ჩავწეროთ. Dialogue: 0,0:01:19.84,0:01:22.67,Default,,0000,0000,0000,,ასევე შეგვიძლია დეფისების ან\Nქვედა ტირეს გამოყენება. Dialogue: 0,0:01:22.67,0:01:25.66,Default,,0000,0000,0000,,მე პირადად მომწონს დეფისები. Dialogue: 0,0:01:25.66,0:01:29.08,Default,,0000,0000,0000,,ახლა შეგვიძლია მოვახდინოთ ამ აბზაცის\Nუნიკალური იდენტიფიცირება. Dialogue: 0,0:01:29.08,0:01:31.77,Default,,0000,0000,0000,,შესაბამისად შეგვიძლია CSS-ს\Nზუსტად მივუთითოთ იგი. Dialogue: 0,0:01:31.77,0:01:35.62,Default,,0000,0000,0000,,ახლა დავუბრუნდეთ ჩვენს თეგს\Nმეორე ნაბიჯისთვის. Dialogue: 0,0:01:35.62,0:01:39.45,Default,,0000,0000,0000,,დავამატოთ ახალი ხაზი,\Nბოლო წესის შემდეგ. Dialogue: 0,0:01:39.48,0:01:43.26,Default,,0000,0000,0000,,დაიმახსოვრეთ, პირველი ნაწილი\NCSS-ის წესის არის მიმთითებელი: Dialogue: 0,0:01:43.26,0:01:46.16,Default,,0000,0000,0000,,ნაწილი, რომელიც ეუბნება ბრაუზერს\Nთუ რას ვუთითებთ. Dialogue: 0,0:01:46.16,0:01:51.13,Default,,0000,0000,0000,,ჩვენს წინა წესებში, ჩვენ გამოვიყენეთ\Nმიმთითებლები და , Dialogue: 0,0:01:51.13,0:01:54.56,Default,,0000,0000,0000,,რომ მიგვეთითებინა ყველ და \Nგვერდზე. Dialogue: 0,0:01:54.56,0:01:58.69,Default,,0000,0000,0000,,ახლა შევქმნათ მიმთითებელი, რომელიც მხოლოდ\Nკონკრეტული ID-ს ელემენტებს მიმართავს. Dialogue: 0,0:01:58.69,0:02:05.17,Default,,0000,0000,0000,,მიმთითებელი იწყება დიეზით, ეს ეუბნება\Nბრაუზერს, რომ მის შემდეგ ID დაიწერება. Dialogue: 0,0:02:05.17,0:02:09.63,Default,,0000,0000,0000,,ახლა დავწეროთ ჩვენი ID.\Nrabbits-song. Dialogue: 0,0:02:09.63,0:02:11.94,Default,,0000,0000,0000,,წესის დარჩენილი ნაწილი იგივეა, რასაც\Nვიყენებდით. Dialogue: 0,0:02:11.94,0:02:13.72,Default,,0000,0000,0000,,ვხსნით და ვხურავთ ფიგურულ ფრჩხილს. Dialogue: 0,0:02:13.72,0:02:18.38,Default,,0000,0000,0000,,ვაბატებთ, თვისებას, მაგალითად ფონის ფერს. Dialogue: 0,0:02:18.38,0:02:20.94,Default,,0000,0000,0000,,და ისიც მუშაობს! Dialogue: 0,0:02:20.94,0:02:23.93,Default,,0000,0000,0000,,მხოლოდ სიმღერის აბზაცს აქვს ყვითელი ფონი. Dialogue: 0,0:02:23.93,0:02:26.58,Default,,0000,0000,0000,,პირველი აბზაცის ფონი კი იგივე დარჩა. Dialogue: 0,0:02:26.58,0:02:31.14,Default,,0000,0000,0000,,მოდი, ისევ გავაკეთოთ, პირველი -სთვის\Nმაგალითად. Dialogue: 0,0:02:31.14,0:02:33.51,Default,,0000,0000,0000,,გახსოვთ პირველი ნაბიჯი? Dialogue: 0,0:02:33.52,0:02:38.33,Default,,0000,0000,0000,,სწორია, ჯერ უნდა შევცვალოთ HTML,\Nრომ მივუთითოთ 'id' თვისება. Dialogue: 0,0:02:38.33,0:02:41.74,Default,,0000,0000,0000,,მიგვაქვს კურსორი თეგის დასაწყისში, \Nვტოვებთ ადგილს და ვწერთ Dialogue: 0,0:02:41.74,0:02:43.52,Default,,0000,0000,0000,,id = Dialogue: 0,0:02:43.58,0:02:46.84,Default,,0000,0000,0000,,შემდეგ ვწერთ უნიკალურ და აზრიან ID-ს. Dialogue: 0,0:02:46.84,0:02:50.70,Default,,0000,0000,0000,,მაგალითად, "rabbits-info-heading". Dialogue: 0,0:02:50.70,0:02:54.04,Default,,0000,0000,0000,,ახლა მეორე ნაბიჯი.\Nდავბრუნდეთ ჩვენს სტილის თეგში Dialogue: 0,0:02:54.04,0:03:01.87,Default,,0000,0000,0000,,დავამატოთ ახალი ხაზი,\Nდავწეროთ დიეზი, შემდეგ ჩვენი ID Dialogue: 0,0:03:01.87,0:03:04.95,Default,,0000,0000,0000,,rabbits-info-Heading და ჩავსვათ ჩვენი\Nთვისება ფიგურულ ფრჩხილებში Dialogue: 0,0:03:04.95,0:03:08.94,Default,,0000,0000,0000,,{background-color: purple; \N} Dialogue: 0,0:03:08.94,0:03:13.42,Default,,0000,0000,0000,,მაგრამ, ამჯერად არ იმუშავა.\Nრა შემეშალა? Dialogue: 0,0:03:13.42,0:03:15.39,Default,,0000,0000,0000,,იმავე ნაირად დავწერე? Dialogue: 0,0:03:15.39,0:03:18.50,Default,,0000,0000,0000,,rabbits-info-Heading\Nrabbits-info-heading Dialogue: 0,0:03:18.50,0:03:25.13,Default,,0000,0000,0000,,ძალიან გვანან ერთმანეთს, მაგრამ, მოდით,\Nასო-ასო შევადაროთ, რომ გავიგოთ რა ხდება. Dialogue: 0,0:03:25.13,0:03:29.71,Default,,0000,0000,0000,,მაგრამ ახლა უბრალოდ ქვევით ჩავალ\Nდა ID-ს მივუთითებ HTML-ში Dialogue: 0,0:03:29.71,0:03:33.93,Default,,0000,0000,0000,,და შემდეგ აქ დავაკოპირებ, იმისათვის\Nრომ აბსოლუტურად იდენტური იყოს. Dialogue: 0,0:03:33.93,0:03:35.60,Default,,0000,0000,0000,,ახლა კი მუშაობს! Dialogue: 0,0:03:35.60,0:03:40.04,Default,,0000,0000,0000,,ჩემს -ს აქვს ფონი.\Nმიხვდით რა შეიცვალა? Dialogue: 0,0:03:40.08,0:03:44.47,Default,,0000,0000,0000,,შეიძლება მიხვდით, ჩვენ გვეწერა H,\Nუნდა დაგვეწერა h, Dialogue: 0,0:03:44.47,0:03:47.08,Default,,0000,0000,0000,,ბრაუზერი მათ ერთნაირად ვერ აღიქვამს. Dialogue: 0,0:03:47.10,0:03:50.34,Default,,0000,0000,0000,,უნდა ყოფილიყო h, რომ დამთხვეოდა HTML-ს. Dialogue: 0,0:03:50.34,0:03:52.95,Default,,0000,0000,0000,,ID-ში მნიშვნელობა აქვს დიდ\Nდა პატარა ასოებს. Dialogue: 0,0:03:52.95,0:03:57.51,Default,,0000,0000,0000,,ყოველ ჯერზე იდენტურად უნდა გეწეროთ. Dialogue: 0,0:03:57.51,0:04:01.75,Default,,0000,0000,0000,,მაგალითად, მე ყოველთვის პატარა\Nასოებით ვწერ ID-ს, შემდეგ Dialogue: 0,0:04:01.75,0:04:05.16,Default,,0000,0000,0000,,რომ არ დავიწყო ფიქრი დიდი ასო\Nგამოვიყენე თუ პატარა. Dialogue: 0,0:04:05.16,0:04:08.40,Default,,0000,0000,0000,,ახლა საბოლოო გაფრთხილებას მოგცემთ. Dialogue: 0,0:04:08.40,0:04:10.71,Default,,0000,0000,0000,,ID უნდა იყოს უნიკალური! Dialogue: 0,0:04:10.71,0:04:13.44,Default,,0000,0000,0000,,თუ გექნებათ ორი თეგი ვებგვერდზე\Nიდენტური ID-თი, Dialogue: 0,0:04:13.44,0:04:17.98,Default,,0000,0000,0000,,ბრაუზერმა შეიძლება ორივე შეცვალოს,\Nან არც ერთი. Dialogue: 0,0:04:17.98,0:04:20.50,Default,,0000,0000,0000,,თქვენ მგონი არ გინდათ ეს რომ მოხდეს. Dialogue: 0,0:04:20.50,0:04:23.90,Default,,0000,0000,0000,,უნიკალური და აზრიანი ID.