0:00:00.360,0:00:02.029
აქამდე ჩვენ ვნახეთ, როგორ გამოგვეყენებინა

0:00:02.029,0:00:03.588
CSS ტექსტის გასაფორმებლად,

0:00:04.088,0:00:05.904
მაგრამ ჩვენ მისი გამოყენება[br]ჩვენი გვერდის

0:00:05.904,0:00:07.500
მაკეტის შესაცვლელადაც შეგვიძლია.

0:00:07.620,0:00:09.148
ეს ნიშნავს რომ ჩვენ შეგვიძლია ელემენტების[br]გადაადგილება,

0:00:09.157,0:00:10.187
ზომის შეცვლა,

0:00:10.187,0:00:11.777
მათი ერთმანეთზე დალაგებაც კი.

0:00:12.010,0:00:13.551
მაგრამ რისი გადაადგილება გვინდა ჩვენ?

0:00:13.551,0:00:14.401


0:00:14.498,0:00:16.118
ზოგჯერ, იმ ელემენტების,

0:00:16.118,0:00:17.339
რომლებიც ჩვენ უკვე შევქმენით,

0:00:17.339,0:00:18.812
მაგალითად, კონკრეტული აბზაცი,

0:00:18.812,0:00:20.672
ან კონკრეტული სათაურის.

0:00:21.231,0:00:22.365
მაგრამ, ყველაზე ხშირად,

0:00:22.445,0:00:24.679
ეს ჩვენი შექმნილი ელემენტების ჯგუფის,

0:00:24.679,0:00:26.889
მაგალითად, ტექსტის ფრაგმენტის,

0:00:27.055,0:00:30.065
ან სათაურისა და რამდენიმე აბზაცის.

0:00:31.693,0:00:32.946
იმისთვის, რომ ისინი გადავაადგილოთ

0:00:32.946,0:00:34.365
ერთობლივად, როგორც ერთი ერთეული,

0:00:34.365,0:00:36.785
ჩვენ უნდა გავეცნოთ HTML-ის ახალ თეგს.

0:00:36.805,0:00:39.225
რომელსაც ჩვენ ელემენტების მაჯგუფებელს ვეძახით.

0:00:39.246,0:00:41.460
ჩვენ ეს CSS-ის გაცნობამდე არ აგვიხსნია,

0:00:41.460,0:00:42.662
რადგან ინის მხოლოდ CSS-სთან

0:00:42.662,0:00:44.210
ერთადაა გამოსადეგი.

0:00:44.210,0:00:46.555
მათ არ აქვთ აზრობრივი მნიშვნელობა[br]ბრაუზერისთვის.

0:00:47.275,0:00:49.176
პირველი თეგია-

0:00:49.596,0:00:51.516
და ჩვენ ამას ვიყენებთ ტექსტის ფრაგმენტის

0:00:51.516,0:00:52.756
დაჯგუფებისთვის.

0:00:53.244,0:00:54.193
ვთქვათ, ჩვენ გვინდა ფერი,

0:00:54.193,0:00:56.503
სიტყვა "Love"(სიყვარული) იყოს წითელი.

0:00:57.055,0:00:58.692
ჩვენ უბრალოდ სიტყვის გაფერადება გვინდა,

0:00:58.692,0:00:59.952
და არა სათაურის დარჩენილი ნაწილისიც.

0:01:00.327,0:01:02.458
ჩვენ მივიტანთ კურსორს სიტყვა "Love"-მდე,

0:01:02.458,0:01:06.138
და დავბეჭდავთ ის საწყის თეგს.

0:01:06.499,0:01:10.519
ამის შემდეგ, დამასრულებელ თეგს. კარგი.

0:01:10.678,0:01:11.644
ახლა ჩვენ გვინდა სტილი შევუცვალოთ

0:01:11.644,0:01:12.809
ამ სიმბოლოების -ს.

0:01:13.008,0:01:14.643
ჩვენ შეგვიძლია ერთი წესით ყველა -ს

0:01:14.723,0:01:15.680
მივცეთ ფერი გვერდზე,

0:01:15.780,0:01:18.558
თუმცა, შეიძლება არ გვინდოდეს ყველაფერი[br]გაწითლდეს.

0:01:18.558,0:01:19.980
მოდი მივცეთ

0:01:20.107,0:01:21.980
ერთ კლასს, "lovey-dovey" (ისე საყვარელია),

0:01:25.086,0:01:29.053
და დავამატოთ წესი მხოლოდ

0:01:29.053,0:01:30.370
ამ კლასში გაერთიანებული ელემენტებისთვის.

0:01:30.388,0:01:33.755
.lovey-dovey, color: red.

0:01:34.613,0:01:36.703
შეხედეთ როგორი გახდა ტექსტი ახლა!

0:01:38.093,0:01:39.667
ასე რომ, -ები კარგია ტექსტების[br]ფრაგმენტების დაჯგუფებისთვს,

0:01:39.667,0:01:41.717
როგორ ვაჯგუფებთ

0:01:41.727,0:01:43.187
სხვადასხვა ელემენტებს?

0:01:43.507,0:01:45.247
სწორედ აქ გვჭირდება  თეგი.

0:01:45.680,0:01:46.747
ვთქვათ, ჩვენ გვინდა დავაჯგუფოთ

0:01:46.747,0:01:47.717
ეს ქვედა ნაწილი,

0:01:48.195,0:01:49.464
ოფიციალური ინფორმაციის სათაური, და

0:01:49.464,0:01:51.174
აბზაცები და სურათი მის ქვემოთ.

0:01:51.743,0:01:52.714
ამის გასაკეთებლად,

0:01:52.714,0:01:58.129
მე მივიყვან კურსორს h3-ის წინ

0:01:58.129,0:01:59.389
და დავუწერ -ის საწყის თეგს.

0:01:59.859,0:02:02.259
შემდეგ ჩამოვალ ფინალურ აბზაცზე,

0:02:02.690,0:02:04.620
და აქ დავწერ დამამთავრებელ თეგს.

0:02:05.467,0:02:07.847
ჩვენ უკვე გვაქვს , ახლა კი გვინდა სტილი[br]მივცეთ მას.

0:02:08.510,0:02:09.568
-სთვის სტილის მისაცემად,

0:02:09.568,0:02:11.426
მე უნდა მივცე ID (იდენტიფიკატორი).

0:02:11.426,0:02:13.516
"official-info" (ოფიციალური ინფორმაცია).

0:02:15.117,0:02:16.417
შემდეგ აქ დავამატო წესი ამისთვის.

0:02:16.422,0:02:21.102
ჰმ, # ოფიციალური ინფორმაცია და ფონი.

0:02:22.275,0:02:23.715
მოდი გავხადოთ ის ნაცრისფერი.

0:02:23.884,0:02:26.934
მოდი შევარჩიოთ... ეს... ეს კარგია.

0:02:27.133,0:02:28.646
ახლა შეგიძლიათ ნახოთ, რომ  [br]გახდა

0:02:28.646,0:02:30.841
ნაცრისფერი ყუთი, რომელიც მოიცავს

0:02:30.841,0:02:31.681
ყველა ელემენტს მასში.

0:02:31.772,0:02:34.267
ეს განსხვავდება ყველა ელემენტისთვის

0:02:34.267,0:02:35.947
ცალკე ფონის მინიჭებისგან.

0:02:35.998,0:02:38.228
თუ ჩვენ ასე გავაკეთებდით, ცარიელი,

0:02:38.228,0:02:39.308
არანაცრისფერი სივრცე დაგვრჩებოდა.

0:02:39.520,0:02:41.120
ჩვენ უნდა გავაკეთოთ  მაშინ,

0:02:41.129,0:02:42.909
როცა გვინდა ფერი მივცეთ ყველაფერს.

0:02:44.708,0:02:46.185
თქვენ შეგიძლიათ იფიქროთ -ზე,

0:02:46.185,0:02:47.735
როგორც ტექსტის მაჯგუფებელზე,

0:02:48.303,0:02:50.759
ხოლო-ზე,

0:02:50.759,0:02:52.269
როგორც ელემენტების მაჯგუფებელზე,

0:02:52.478,0:02:54.718
მაგრამ, ჩვენ მათი გარჩევის სხვა გზაც გვაქვს.

0:02:55.451,0:02:56.854
თქვენ CSS-ის სამყაროში

0:02:56.854,0:02:58.104
ორი ტიპის ელემენტებს ხედავთ.

0:02:58.412,0:03:00.232
ხაზისშიდა და მასობრივი.

0:03:00.499,0:03:03.409
ხაზისშიდა ელემენტის შემდეგ ახალი ხაზი არ არის.

0:03:03.570,0:03:06.726
ანუ, თუ გსურთ მათი გამრავლება, [br]ყველაფერი ერთსა და იმავე ხაზზე იქნება.

0:03:06.726,0:03:08.751
ამის მაგალითები, რომლებზეც უკვე ვისაუბრეთ,

0:03:08.751,0:03:11.651
არის სურათები,

0:03:11.832,0:03:13.432
თქვენ შეგიძლიათ ნახოთ ეს გამოსახულება,

0:03:13.451,0:03:16.431
როგორ ქრება ის ტექსტში.

0:03:16.616,0:03:18.326
აქ მის შემდეგ ახალი ხაზია.

0:03:18.657,0:03:21.887
მასობრივი ელემენტის შემდეგ ხაზია,

0:03:21.912,0:03:24.602
და ეს ის არის, რასაც HTML თეგების უმრავლესობა[br]ადგენს.

0:03:24.818,0:03:26.978
შეხედეთ ყველა მაგალითს ამ გვერდზე,

0:03:27.041,0:03:30.281
სათაურები,აბზაცები, ჩამონათვალი.

0:03:30.799,0:03:33.699
ბრაუზერმა ყველას შემდეგ ახალი ხაზები ჩასვა,

0:03:33.732,0:03:36.152
[br] თეგის ჩაწერის გარეშე.

0:03:37.027,0:03:39.039
რა კავშირი აქვს ამას -თან ან

0:03:39.039,0:03:39.727
თან?

0:03:39.835,0:03:43.203
მაშ ასე,  ხაზისშიდა ელემენტს ქმნის,

0:03:43.203,0:03:47.123
კი მასობრივ ელემენტს.

0:03:47.252,0:03:49.492
ეს ნიშნავს, რომ, თუ თქვენ დაამატებთ [br]-ს[br]

0:03:49.492,0:03:53.432
და არ დაამატებთ რომელიმე სხვა სტილს,

0:03:53.940,0:03:56.270
ბრაუზერი ბლოკად განიხილავს

0:03:56.270,0:03:58.145
გვერდის იმ ნაწილს.

0:03:58.145,0:04:00.534
ახლა, მათ -ში მოქცეულებს,

0:04:00.534,0:04:02.984
ახალი ხაზები აქვთ მდე და შემდეგ.

0:04:02.998,0:04:05.495
და შეიძლება თქვენ სწორედ ეს გსურთ.

0:04:05.495,0:04:07.525
უბრალოდ, ჩაიბეჭდეთ ეს განსხვავება გონებაში.

0:04:07.553,0:04:09.383
ახლა გავაგრძელოთ, რადგან

0:04:09.395,0:04:10.885
გაცილებით მეტი რამის გაკეთება[br]შეგვიძლია ამ თეგების გამოყენებით.

0:04:10.885,0:04:12.631
განსაკუთრებით, -ით.