0:00:00.326,0:00:02.079
შევხედოთ ჩვენს ვებგვერდს.

0:00:02.284,0:00:04.540
მას აქვს ზედა სათაურები,

0:00:04.540,0:00:07.581
პარაგრაფი რომელიც აღწერს კურდღლებს,

0:00:07.581,0:00:10.588
რეალურად, რამდენიმე პარაგრაფი,

0:00:10.588,0:00:13.416
ჩემი საყვარელი სიმღერის[br]ტექსტით კურდღლებზე.

0:00:13.543,0:00:17.554
ბოლოს პირველი სიმღერის ტექსტის[br]პარაგრაფი id-ს გამოყენებით შევქმენით.

0:00:17.857,0:00:21.016
რადგან ახლა ტექსტების[br]რამდენიმე პარაგრაფი გვაქვს,

0:00:21.016,0:00:24.613
მინდა ყველა მათგანს[br]მივანიჭოთ ყვითელი ფონი.

0:00:24.613,0:00:28.221
როგორ მოვახერხოთ ეს[br]ჩვენი ახლანდელი ცოდნით?

0:00:28.221,0:00:33.002
პირველი რაც ვისწავლეთ, იყო[br]ყველა მსგავსი ტიპის tag-ის მონიშვნა,

0:00:33.002,0:00:34.659
როგორც 'p' მომნიშვნელით,

0:00:34.886,0:00:39.120
მაგრამ ამით ყველა პარაგრაფი შეიღება და[br]არა მხოლოდ ტექსტიანი პარაგრაფები.

0:00:39.226,0:00:41.290
გვჭირდება რამე უფრო კონკრეტული.

0:00:41.507,0:00:44.898
შემდეგ, ვისწავლეთ tag-ების[br]კონკრეტული id-ებით მონიშვნა,

0:00:44.898,0:00:48.140
მაგალითად, პარაგრაფის არჩევა, რომელშიც[br]"სიმღერა კურდღელზე" შედის,

0:00:48.368,0:00:50.920
მაგრამ ამან მხოლოდ[br]პირველი პარაგრაფი მონიშნა.

0:00:51.120,0:00:53.725
ამ id-ს დამატება არცერთ[br]პარაგრაფზე არ შეგვიძლია,

0:00:53.725,0:00:57.657
რადგან უფლება არ გვაქვს ერთი და[br]იმავე id რამდენიმე tag-ზე გამოვიყენოთ.

0:00:57.867,0:01:00.202
რომ ვდომებოდა სხვა პარაგრაფის არჩევა,

0:01:00.202,0:01:02.881
მოგვიწევდა[br]თითოეულისთვის ახალი ID-ს მიცემა.

0:01:02.881,0:01:05.717
(მაგალითად "სიმღერის-ტექსტი2"[br]და "სიმღერის-ტექსტი3"),

0:01:05.717,0:01:07.458
რადგან ყველა ID უნიკალური უნდა იყოს.

0:01:07.458,0:01:09.808
შემდეგ კი თითოეულისთვის[br]წესების დამატებაა საჭირო.

0:01:09.808,0:01:12.398
შეგვიძლია ეს ვქნათ.[br]მაგრამ ეს ბევრი სამუშაოა!

0:01:12.398,0:01:14.691
თან, ყოველ ჯერზე[br]სიმღერისთვის ტაეპის დამატება

0:01:14.691,0:01:17.279
ახალი ID-ს და HTML-ს დამატებას ნიშნავს,

0:01:17.279,0:01:19.168
ახალი ID-სა და CSS-ის წესების დამატებას

0:01:19.168,0:01:22.830
და ასობით ტაეპის დამატება[br]უკვე გადამღლელი გახდება.

0:01:22.980,0:01:24.315
გამოიცანით რას ვიზამთ.

0:01:24.492,0:01:27.383
არსებობს უკეთესი გზა,[br]რომელსაც "კლასები" ეწოდება.

0:01:27.599,0:01:32.162
კლასი ფაქტობრივად კონკრეტული ჯგუფისთვის[br]ელემენტის მინიჭებას ნიშნავს.

0:01:32.162,0:01:35.150
შეგიძლია ჯგუფს იმდენი ელემენტი[br]მიანიჭო, რამდენიც მოგესურვება.

0:01:35.352,0:01:39.928
კლასის დასამატებლად საჭიროა კლასის[br]ატრიბუტის დამატება, როგორც ID-ებისთვის.

0:01:40.362,0:01:44.705
პირველ რიგში წავშალოთ[br]ეს რადგან შეცვლას ვაპირებთ.

0:01:44.705,0:01:47.915
ახლა გვაქვს კურსორი საწყის '' tag-ში.

0:01:47.915,0:01:53.183
დავამატებ გამოტოვებულ[br]ადგილს და დავწერ: class = "

0:01:53.183,0:01:56.927
ახლა კლასის სახელი უნდა მოვიფიქრო,[br]რომელიც კლასს კარგად აღწერს.

0:01:56.927,0:01:59.294
მოდი დავარქვათ "სიმღერის-ტექსტი".

0:01:59.658,0:02:01.449
ესეც ასე.

0:02:01.665,0:02:04.335
რა ელემენტები უნდა[br]ჰქონდეს ამ კლასის სახელს?

0:02:04.416,0:02:06.420
უნდა შედიოდეს ყველა სხვა პარაგრაფი.

0:02:06.510,0:02:13.061
ამიტომ ჩავიდეთ ქვემოთ და დავამატოთ[br]ატრიბუტი თითოეულ პარაგრაფის კლასს.

0:02:13.061,0:02:14.540
("სიმღერის-ტექსტი")

0:02:14.836,0:02:18.003
მშვენიერია. ახლა მზად ვართ[br]CSS წესის დასამატებლად.

0:02:18.217,0:02:26.157
დავუბრუნდეთ '' tag-ს და წავშალოთ[br]id მნიშვნელი რადგან მას ვცვლით.

0:02:26.157,0:02:28.594
ახლა კი კლასის მნიშვნელი უნდა მოვიფიქროთ.

0:02:28.931,0:02:34.039
კლასის მნიშვნელის[br]დასაწყებად ვიყენებთ წერტილს.

0:02:34.426,0:02:39.027
შემდეგ ვწერთ კლასის[br]სახელს: სიმღერის-ტექსტი,

0:02:39.027,0:02:47.821
და როგორც ყოველთვის: ფიგურილი ფრჩხილები,[br]თვისება, წერტილმძიმე, მნიშვნელობა.

0:02:47.821,0:02:51.007
ახლა ყველა ტექსტს ყვითელი ფონი აქვს.

0:02:51.343,0:02:55.143
რა მოხდება აქ თუ s-ს დიდად დავწერთ?

0:02:55.240,0:02:56.398
არ მუშაობს.

0:02:56.491,0:02:58.950
ეს იმიტომ, რომ კლასის[br]სახელები case-sensitive არის.

0:02:58.966,0:03:01.771
მნიშვნელობა აქვს რომელი ასო[br]იქნება დიდი და რომელი პატარა,

0:03:01.771,0:03:03.558
როგორც ID-ების შემთხვევაში.

0:03:04.323,0:03:08.295
რა მოხდება თუ წერტილის[br]მაგივრად #-ს გამოვიყენებთ?

0:03:08.542,0:03:09.666
არ იმუშავებს.

0:03:09.774,0:03:13.085
იმიტომ, რომ ბრაუზერი[br]"სიმღერის-ტექსტი"-ს ID-იდ აღიქვამს

0:03:13.085,0:03:18.471
და ვერაფერს იპოვის სიმღერის[br]ტექსტებში ამ id ატრიბუტით.

0:03:18.471,0:03:24.512
რა მოხდება თუ კლასის სახელებს შორის[br]გამოტოვებული ადგილები ჩავსვით?

0:03:25.248,0:03:30.192
არც ეს იმუშავებს, რადგან თავისუფალი[br]სივრცე არ უნდა გვქონდეს.

0:03:30.192,0:03:31.649
ამას მოგვიანებით შევხვდებით.

0:03:31.649,0:03:34.972
თავისუფალი სივრცე[br]CSS-ში სპეციფიურ რამეს ნიშნავს.

0:03:35.868,0:03:38.776
-- დავაბრუნოთ როგორც იყო --

0:03:39.523,0:03:41.110
კიდევ ერთხელ:

0:03:41.110,0:03:43.387
როცა გვსურს კლასის დამატება,

0:03:43.387,0:03:45.589
უნდა მოვიფიქროთ კლასის სახელი,

0:03:45.589,0:03:49.000
დავამატოთ HTML-ში კლასის ატრიბუტებში,

0:03:49.248,0:03:51.317
შემდეგ ვწერთ სტილის წესს,

0:03:51.317,0:03:54.691
ვიწყებთ წერტილით,[br]შემდეგ კი კლასის სახელით.

0:03:55.216,0:03:58.428
ახლა შენი CSS[br]გაცილებით უკეთესი სტილისაა!