GPALABGEORGIA

IT ტექნოლოგიების სკოლა
კურსების კატალოგი

CSS

Frontend

CSS (Cascading Style Sheets) - არის სტილების ენა, რომელიც გამოიყენება ვებ-გვერდების გასაფორმებლად. მისი მეშვეობით ეთითება ფერებიმ შრიფტები, ზომები, დაცილებები, ელემენტების განლაგება, ფონი, ანიმაციები და საიტის გარე ხედი მთლიანობაში.

თუ HTML პასუხისმგებელია გვერდების სტრუქტურაზე, CSS პასუხისმგებელია მის გარე ხედზე. CSS-ის შესწავლა - ერთ-ერთი უმნიშვნელოვანესი ეტაპია Frontedn-დეველოპმენტის დაუფლებაში, რადგან უშუალოდ CSS გაძლევთ შესაძლებლობას გარდაქმნათ მარტივი HTML სტრუქტურა ლამაზ, მოსახერხებელ და თანამედროვე ვებ-საიტში.

141 გაკვეთილი

კურსის პროგრამა (სილაბუსი)

1

შესავალი CSS-ში

გაკვეთილში განხილულია CSS-სა და HTML-ს შორის კავშირის დამყარების ფუნდამენტალური ტექნოლოგია, რომელიც უზრუნველყოფს CSS კოდის ქმედუნარიანობას.
2

როგორ ვემუშაოთ CSS-ს

გაკვეთილში ახსნილია როგორ შეიძლება გამოვიყენოთ CSS ჩვენს HTML დოკუმენტში, როგორ უნდა დავწეროთ სინტაქსი, სწორად რომ იქნას წაკითხული მიმომხილველის მიერ
3

ფერების საკვანძო სიტყვები CSS-ში

გაკვეთილში ახსნილია ფერების საკვანძო (დარეზერვირებული) სიტყვები CSS-ში
4

ნებისმიერი ფერი CSS-ში

გაკვეთილში ახსნილია როგორ შეიძლება ნებისმიერი ფერი, ფერის ტონალობის მითითება CSS თვისებების მეშვეობით მივანიჭოთ HTML ელემენტებს.
5

ელემენტების სიფართე და სიმაღლე

გაკვეთილში ახსნილია როგორ უნდა გამოვიყენოთ ელემენტებზე სიფართე და სიმაღლე, რომელი CSS თვისებებია პასუხისმგებელი მათზე.
6

ტექსტის გასწორება CSS-ში

გაკვეთილში ახსნილია თუ როგორ უნდა გავასწოროთ ტექსტი CSS-ში, რა თვისებები და თვისებების მნიშვნელობები უნდა გამოვიყენოთ ტექსტის სხვადასხვანაირად გასასწორებლად.
7

პრაქტიკა ტექსტის სწორებაში

ეს პრაქტიკული სავარჯიშოა რამდენიმე დავალებით. გაითვალისწინეთ რომ ყველა დავალება უნდა იქნას შესრულებული.
8

ტექსტის გამუქება

გაკვეთილში ახსნილია როგორ უნდა მოვახდინოთ ტექსტის გამუქება CSS-ის მეშვეობით.
9

ტექსტის დახრა, კურსივი

გაკვეთილში განხილულია როგორ უნდა გავხადოთ ტექსტი დახრილი, ეგრეთწოდებული კურსივული ტექსტი CSS-ის მეშვეობით.
10

შრიფტის ზომა

გაკვეთილში ვისწავლით ტექსტის შრიფტის ზომის დაყენებას CSS-ის მეშვეობით. თვისებებს და მნიშვნელობებს რომლებიც გამოიყენება შრიფტის ზომის შესაცვლელად.
11

შრიფტების ოჯახი

გაკვეთილში ახსნილია რას წარმოადგენს შრიფტების ოჯახი, როგორ ხდება ამა თუ იმ შრიფტის ტიპის დაყენება HTML-ში.
12

სტროფშორის ინტერვალი

გაკვეთილში ახსნილია როგორ უნდა დავაყენოთ და ვარეგულიროთ სტროფებს შორის ინტერვალი, გამოტოვება, რომელიც სტროფების სიმაღლეს აკონტროლებს.
13

line-height-ის ზომა ზომის ერთეულების გარეშე

გაკვეთილში ახსნილია როგორ შეიძლება სტროფებს შორის ინტერვალის დაყენება ზომის ერთეულების მითითების გარეშე
14

შემოკლებული თვისება font

გაკვეთილში განხილულია შრიფტის დაყენების შემოკლებული თვისება font, რომელშიც კომბინირებულად შეგვიძლია დავწეროთ შრიფტის ყველა მნიშვნელობა.
15

ტექსტის წითელი სტროფი

გაკვეთილში ახსნილია თუ რას წარმოადგენს ტექსტის წითელი სტროფი, ანუ აბზაცის დასაწყისის ტაბულაცია.
16

ტექსტის ეფექტები

გაკვეთილში განხილულია ტექსტის ეფექტები, ისეთი როგორიც არის ხაზგასმა, ხაზგადასმა და სხვა.
17

პრაქტიკა ძირითად CSS-ის თვისებებზე

ეს პრაქტიკული გაკვეთილია სადაც მოგიწევთ ძირითადი CSS თვისებების გამოყენება HTML ტეგებზე.
18

ტეგების ნათესაობრივი კავშირები HTML-ში

ამ გაკვეთილში გადავხედავთ HTML-ის ნათესაურ კავშირებს. განვიხილავთ რას ნიშნავს ნათესაური კავშირი.
19

CSS თვისებების მემკვიდრეობა

გაკვეთილში ახსნილია CSS მემკვიდრეობის არსი, როგორ ხდება მემკვიდრეობით სტილების გადაცემა.
20

სელექტორების დაჯგუფება

გაკვეთილში ახსნილია როგორ შეიძლება სხვადასხვა სელექტორების დაჯგუფება ერთ გამოცხადების ბლოკში.
21

საერთო თვისებები სელექტორების დაჯგუფებისას

ამ გაკვეთილში განხილულია როგორ ხდება საერთო თვისებების სელექტორების დაჯგუფებით შექმნა და ცალკეული თვისებების ჯგუფის გარეთ გატანა.
22

შთამომავლების სელექტორები

გაკვეთილში ახსნილია როგორ უნდა შევქმნათ შთამომავლების სელექტორები CSS-ში.
23

შვილობილი სელექტორი

გაკვეთილში განხილულია რას წარმოადგენენ შვილობილი სელექტორები და რით განსხვავდება ისინი სხვა სელექტორებისგან.
24

ელემენტების კლასები CSS-ში

გაკვეთილში განხილულია ელემენტების კლასები და მათთან მუშაობის ტექნოლოგია CSS-ში.
25

ტეგი span ტექსტის ნაწილისთვის HTML-ში

გაკვეთილში განხილულია ტეგის span დანიშნულება, არსი და გამოყენების ტექნოლოგია.
26

ტეგი div ტეგების დასაჯგუფებლად

გაკვეთილში ახსნილია თუ როგორ უნდა გამოვიყენოთ ტეგი div სხვადასხვა ტეგების დასაჯგუფებლად.
27

კლასების დაჯგუფება

გაკვეთილში განხილულია კლასების დაჯგუფების არსი, კლასების და ჯგუფება და დაჯგუფების დანიშნულება.
28

ტეგი მითითებული კლასით

გაკვეთილში განხილულია როგორ ხდება კონკრეტული კლასის მითითება ამა თუ იმ ელემენტის სტილიზირებისთვის. რას ნიშნავს ტეგი მითითებული კლასით და რა შემთხვევაში უნდა გამოვიყენოთ ის.
29

შთამომავლების სელექტორები და კლასები

გაკვეთილში ახსნილია შთამომავლების სელექტორებისა და კლასების ურთიერთმოქმედება და ერთობლივი გამოყენების ტექნოლოგია.
30

შთამომავლების სელექტორების და კლასების რთული კომბინაციები

გაკვეთილში ახსნილია და ნაჩვენებია შთამომავლების სელექტორებისა და კლასების რთული კომბინაციები, რომლებიც ხშირად გამოიყენება ვებ-პროგრამირებაში.
31

ახალბედების შეცდომა შთამომავლების სელექტორებში

გაკვეთილში განხილულია ახალბედა Frontend დეველოპერების ხშირად დაშვებული შეცდომა, როგორ უნდა ავიცილოთ მსგავსი შეცდომები და რატომ არის ის შეცდომად მიჩნეული.
32

ელემენტი რამდენიმე CSS კლასით

გაკვეთილში ახსნილია როგორ შეიძლება ერთიდაიგივე ტეგზე გამოვიყენოთ რამდენიმე კლასი და მოვახდინოთ მათი სწორი სტილიზირება CSS-ში.
33

ელემენტის არჩევა უნიკალური იდენტიფიკატორით

გაკვეთილში ახსნილია უნიკალური იდენტიფიკატორის (id)-ს დანიშვნის ტექნოლოგია ელემენტზე და მისი გამოყენება CSS-ში.
34

id სელექტორი და CSS კლასები

გაკვეთილში განხილულია id სელექტორებისა და CSS კლასების ერთობლივი გამოყენების ტექნოლოგია.
35

id-ს გამოყენება

გაკვეთილში მაგალითები რა შემთხვევებში უნდა გამოვიყენოთ id და როგორ უნდა გამოვიყენოთ.
36

სელექტორი რამდენიმე კლასით

გაკვეთილში განხილულია როგორ უნდა გამოვიყენოთ ელემენტი რამდენიმე კლასით. როგორ უნდა მოვახდინოთ რამდენიმე კლასიანი ელემენტის სტილისტიკა.
37

რამდენიმე სელექტორი შერწყმულად

გაკვეთილში განხილულია რამდენიმე სელექტორის შერწყმულად გამოყენების არსი და მოქმედების არეალი.
38

რთული სელექტორების დაჯგუფება

გაკვეთილში ნაჩვენებია რთული სელექტორების დაჯგუფების მაგალითი.
39

შეცდომა რთული CSS სელექტორების დაჯგუფებისას

გაკვეთილში განხილულია და მაგალითებით ნაჩვენებია ხშირად დაშვებული შეცდომები და მათი გამოსწორების გზები რთული სელექტორების დაჯგუფებისას.
40

პრაქტიკა CSS სელექტორების კომბინაციებზე

ეს პრაქტიკული გაკვეთილია, რომლის მიზანიც არის გაიღრმავოთ და გაითავისოთ წინა გაკვეთილებში მიღებული ცოდნა.
41

სელექტორების პრიორიტეტი

გაკვეთილში ახსნილია სელექტორების პრიორიტეტის პრინციპები.
42

სპეციფიურობის წესები

გაკვეთილში ახსნილია სელექტორების სპეციფიურობის წესები და მათი ზემოქმედება კოდზე.
43

შთამომავლების სელექტორების პრიორიტეტი

გაკვეთილში ახსნილია შთამომავლების სელექტორების პრიორიტეტი CSS-ში. რა და როგორი პრიორიტეტი გააჩნიათ მათ.
44

მეზობელი სელექტორი

გაკვეთილში ახსნილია მეზობელი სელექტორების არჩევა და სტილიზირების ტექნოლოგია.
45

ნათესავი სელექტორი

გაკვეთილში ახსნილია ნათესავი სელექტორის არსი და მისი გამოყენების ტექნოლოგია CSS-ში.
46

უნივერსალური სელექტორი

გაკვეთილში ახსნილია თუ რას წარმოადგენს უნივერსალური სელექტორი, მისი სინტაქსი და ხასიათი.
47

სელექტორი ატრიბუტის სახელით

გაკვეთილში ახსნილია თუ როგორ უნდა შევქმნათ სელექტორი ტეგის ატრიბუტი სახელის მიხედვით.
48

სელექტორი ატრიბუტის მნიშვნელობით

გაკვეთილში ახსნილია როგორ უნდა ავირჩიოთ ელემენტები ატრიბუტის მნიშვნელობით CSS-ში.
49

სელექტორი ატრიბუტის მნიშვნელობის დასაწყისით

გაკვეთილში ახსნილია როგორ უნდა ავირჩიოთ სელექტორი ატრიბუტის მნიშვნელობის დასაწყისით.
50

სელექტორი ატრიბუტის მნიშვნელობის დაბოლოებით

გაკვეთილში ახსნილია, როგორ უნდა ავირჩიოთ სელექტორი ტეგის ატრიბუტის მნიშვნელობის დაბოლოების მიხედვით.
51

ბმულების მდგომარეობა CSS-ში

გაკვეთილში განხილულია ბმულების სხვადასხვა მდგომარეობა CSS-ში. როგორ უნდა დავაყენოთ ისინი და როდის.
52

პირველი და ბოლო ელემენტის არჩევა

გაკვეთილში ახსნილია როგორ უნდა ავირჩიოთ HTML-ში პირველი და ბოლო შვილობილი ელემენტები ფსევდოკლასების მეშვეობით.
53

ფსევდოკლასები empty და empty-cells

გაკვეთილში ახსნილია ორი ფსევდოკლასი, რომელთა მეშვეობითაც შეგვიძლია ცარიელი ელემენტებისა და ცხრილის ცარიელი უჯრედების გაფორმება.
54

ფსევდოკლასი first-of-type

გაკვეთილში განხილულია ფსევდოკლასი first-of-type, მისი დანიშნულება და გამოყენების ტექნოლოგია.
55

ფსევდოკლასი last-of-type

გაკვეთილში ახსნილია ფსევდოკლასი last-of-type, მისი დანიშნულება და გამოყენებით ტექნოლოგია.
56

ფსევდოკლასი nth-of-type

გაკვეთილში ახსნილია რას წარმოადგენს ფსევდოკლასი nth-of-type და როგორ უნდა გამოიყენოთ ის.
57

ფსევდოკლასი nth-last-of-type

გაკვეთილში აღწერილია ფსევდოკლასი nth-last-of-type და მისი გამოყენების ტექნოლოგია.
58

ფსევდოკლასი only-of-type

გაკვეთილში ახსნილია ფსევდოკლასი only-of-type, რას წარმოადგენს ის, როგორ უნდა გამოვიყენოთ და რა შემთხვევებში.
59

ფსევდოკლასი not

გაკვეთილში აღწერილია ფსევდოკალსი not. რა შემთხვევაში და როგორ გამოიყენება ის.
60

ფონური ფერი

გაკვეთილში ახსნილია როგორ შეიძლება ელემენტის ფონური ფერის სტილისტირება CSS-ის მეშვეობით.
61

საზღვრებთან მუშაობის საფუძვლები

გაკვეთილში ისწავლით როგორ უნდა ემუშაოთ ელემენტების საზღვრებს (ეგრეთწოდებულ ჩარჩოებს).
62

შემოკლებული თვისება საზღვრებისთვის

გაკვეთილში აღწერილია როგორ უნდა დავწეროთ საზღვრის ყველა თვისება და მნიშვნელობა შემოკლებულად.
63

საზღვრები ცალკეული კიდეებისთვის

გაკვეთილში ახსნილია როგორ შეგვიძლია ვაკონტროლოთ საზღვრები ცალკეული კიდეებისთვის CSS-ში.
64

ბლოკის საზღვრების დამრგვალება

გაკვეთილში ახსნილია როგორ უნდა დავამრგვალოთ ბლოკის ან სხვა ელემენტის საზღვრები CSS-ში.
65

დამრგვალება სხვადასხვა კუთხეებისთვის

გაკვეთილში ახნსილია როგორ შეიძლება სხვადასხვა კუთხეების დამრგვალება თვისებით border-radius.
66

ფონური ფოტო

გაკვეთილში განხილულია ფონური ფოტოს შესაქმნელი თვისება, რომლის მეშვეობითაც შეგვიძლია ელემენტებს ფოტო დავუყენოთ ფონად.
67

თვისება background

გაკვეთილში ახსნილია რას წარმოადგენს კომბინირებული თვისება background ფონური გამოსახულების შესაქმნელდ
68

თვისება background-attachment

გაკვეთილში პრაქტიკულად ახსნილია რას წარმოადგენს თვისება background-attachment CSS-ში და როგორ უნდა გამოვიყენოთ ის.
69

თვისება background-position

გაკვეთილში განხილულია ფონური გამოსახულების პოზირების თვისება background-position.
70

თვისება background-repeat

გაკვეთილში განხილულია ფონური გამოსახულების გამეორები მართვის თვისება background-repeat.
71

თვისება background-clip

გაკვეთილში ახსნილია ფონური გამოსახულების განლაგების თვისება ელემენტთან დამოკიდებულებაში.
72

თვისება background-origin

გაკვეთილში ახსნლია თუ რას წარმოადგენს თვისება background-origin და როგორ უნდა გამოვიყენოთ ის.
73

ul სიის მარკერებთან მუშაობა

გაკვეთილში ახსნილია როგორ უნდა ვცვალოთ ul სიის მარკერები და როგორ უნდა მოვახდინოთ ამ სიის სტილიზირება.
74

ol სიების მარკერებთან მუშაობა

გაკვეთილში ახსნილია როგორ უნდა ვემუშაოთ CSS-ის მეშვეობით ol სიის მარკერებს და როგორ უნდა მოვახდინოთ მისი სტილიზირება.
75

margin დაცილებებთან მუშაობა

გაკვეთილში ახსნილია რას წარმოადგენენ margin დაცილებები და როგორ უნდა გამოიყენოთ ისინი ვებ-გვერდის სტილიზირებისას.
76

margin დაცილებები სხვადასხვა კიდეებისთვის

გაკვეთილში ახსნილია როგორ უნდა გამოვიყენოთ margin ბლოკის სხვადასხვა კიდეებისთვის, როგორ შეგვიძლია margin-ით მანიპულირება სხვადასხვა დაცილების მისაღებად.
77

margin-ის რამდენიმე მნიშვნელობა

გაკვეთილში განხილულია როგორ უნდა გამოვიყენოთ რამდენიმე მნიშვნელობა ერთ margin-ში და რომელი მნიშვნელობა რაზეა პასუხისმგებელი ასეთ შემთხვევაში.
78

padding დაცილებებთან მუშაობა

გაკვეთილში განხილულია თუ რას წარმოადგენს padding დაცილებები და როგორ უნდა გამოვიყენოთ ისინი CSS-ში.
79

padding დაცილებები სხვადასხვა კიდეებისთვის

გაკვეთილში ახსნილია padding თვისებები ელემენტის სხვადასხვა კიდეებისთვის.
80

padding დაცილებებთან მუშაობა

გაკვეთილში ახსნილია როგორ მუშაობენ ერთობლივად თვისება width და padding ელემენტში და როგორ ზემოქმედებს padding ელემენტის ზომაზე.
81

ელემენტების გაფართოების გაუქმება

გაკვეთილში ახსნილია როგორ უნდა მივუთითოთ ელემენტებს padding და border ისე, რომ არ გამოიწვიონ ელემენტების გაფართოება.
82

ბლოკისებური ელემენტების განსაკუთრებულობები

გაკვეთილში განხილულია ტეგები, რომლებიც გამოსახვის დროს ეკრანზე ბლოკისებურს წარმოადგენენ, მაგალითად div ტეგები.
83

სტროფული ელემენტების განსაკუთრებულობა

გაკვეთილში განხილულია ტეგები, რომლებსაც სტროფული ეწოდება. ასეთ ტეგებს განეკუთვნება მაგალითად ტეგი span.
84

თვისებასთან display მუშაობა

გაკვეთილში ახსნილია რას წარმაოდგენს თვისება display ბლოკისებურ მოდელში და როგორ შეუძლია მას შეცვალოს მოდელი.
85

სტროფულ-ბლოკისებური ელემენტების განსაკუთრებულობები

გაკვეთილში განხილულია თუ რას წარმოადგენენ სტროფულ-ბლოკისებური ელემენტები და როგორ უნდა გამოვიყენოთ ისინი.
86

ბლოკისებური ელემენტების სწორება

გაკვეთილში ახსნილია როგორ ხდება ბლოკისებური ელემენტების სწორება CSS-ის მეშვეობით.
87

რამდენიმე სტროფულ-ბლოკისებური ელემენტები გვერდიგვერდ

გაკვეთილში ახსნილია როგორ უნდა განვალაგოთ რამდენიმე სტროფულ-ბლოკისებური ელემენტი გვერდიგვერდ.
88

სტროფული ელემენტების სწორება

გაკვეთილში ახსნილია როგორ ხდება სტროფული ელემენტების სწორება CSS-ში და რა განსაკუთრებულობები გააჩნია.
89

სტროფულ-ბლოკისებური ელემენტების სწორება

გაკვეთილში ახსნილია როგორ უნდა მოვახდინოთ სტროფულ-ბლოკისებური ელემენტების სწორება CSS-ის მეშვეობით.
90

ფლექს ელემენტები

გაკვეთილში განხილულია ფლექს ელემენტები და მათი სტილისტირების საშუალებები CSS-ში.
91

ფლექს ელემენტების მშობლის სიმაღლე და სიფართე

გაკვეთილში ახსნილია თუ რა გავლენა აქვს ფლექს ელემენტების მშობლის სიმაღლეს და სიფართეს CSS-ში.
92

ფლექს ელემენტების სტროფულ-ბლოკისებური მშობელი

გაკვეთილში ახსნილია რას წარმოადგენს თვისება inline-flex.
93

ფლექს ელემენტების სწორება CSS-ში

გაკვეთილში ახსნილია როგორ ხდება ფლექს ელემენტების სწორება CSS-ში.
94

ელემენტების აბსოლუტური პოზირება

გაკვეთილში განხილულია ელემენტების აბსოლუტური პოზირება.
95

ელემენტების ფარდობითი პოზირება

გაკვეთილში განხილულია თუ რას წარმოადგენს ელემენტების ფარდობითი პოზირება და რა განსხვავებაა აბსოლუტური პოზირებისგან.
96

მშობელთან ფარდობითობით პოზიციონირება

გაკვეთილში ახსნილია როგორ ხდება ელემენტების მშობელთან ფარდობითობით პოზიციონირება.
97

აბსოლუტური პოზიციონირება მშობლის ფარდობითობაში

გაკვეთილში განხილულია როგორ იქცევიან ელემენტები აბსოლუტური მშობლის ფარდობითობაში პოზიციონირების დროს.
98

აბსოლუტური პოზიციონირება აბსოლუტური ფშობლის ფარდობითობაში

გაკვეთილში ახსნილია რას წარმოადგენს აბსოლუტური პოზიციონირება როდესაც ელემენტის მშობელი აბსოლუტურად პოზიციონირებულია.
99

აბსოლუტური პოზიციონირება კოორდინატების გარეშე

გაკვეთილში ახსნილია როგორ შეგვიძლია გაოვიყენოთ აბსოლუტური პოზიციონირება კოორდინატების მითითების გარეშე.
100

ცენტრირება აბსოლუტით

გაკვეთილში ახსნილია ხრიკი, რომელიც ოფიციალურ დოკუმენტაციაში არ არის წარმოდგენილი და რომელსაც ხშირად იყენებენ ვებ-დეველოპერები ელემენტების ცენტრირებისთვის.
101

ფიქსირებული პოზიციონირება

გაკვეთილში ახსნილია თუ რას წარმოადგენს ფიქსირებული პოზიციონირება CSS-ში და როგორ უნდა გამოვიყენოთ ის.
102

ელემენტების დადება Z ღერძზე

გაკვეთილში ახსნილია როგორ უნდა გადავადოთ ელემენტები ერთმანეთს Z ღერძზე. ვისწავლით Z ღერძთან მუშაობას.
103

ელემენტების Z ღერძზე დადების რეგულირება

გაკვეთილში ახსნილია თუ როგორ ხდება ელემენტების z ღერძზე დადების რეგულირება და როგორ რეგულირდება მათი რიგითობა.
104

z-index-ის უარყოფითი მნიშვნელობების გამოყენების ნიუანსები

გაკვეთილში ახსნილია z-index-ის უარყოფითი მნიშვნელობების გამოყენების ნიუანსები, თავისებურებები და განსაკუთრებულობები.
105

შესავალი თვისებაში float

ამ გაკვეთილში გავეცნობით რას წარმოადგენს თვისება float, როგორ და რა შემთხვევაში უნდა გამოვიყენოთ ის.
106

თვისება float და ტეგები

გაკვეთილში ახსნილია და პრაქტიკულად ნაჩვენებია როგორ ურთიერთმოქმედებენ თვისება float და ტეგები.
107

float-სა და margin-ის კომბინაცია

გაკვეთილში ახსნილია როგორ გამოიყენება ერთობლივად float და margin და რა შედეგები შეიძლება მოყვეს ამ კომბინაციას.
108

float-ისა და padding-ის კომბინაცია

გაკვეთილში ახსნილია როგორ მოქმედებს გვერდზე float-ისა და padding-ის ერთობლივი გამოყენება და რა შედეგები აქვს მას გვერდზე.
109

ტივტივა ელემენტები ტეგების ქვეშ

გაკვეთილში ახსნილია როგორ მოქმედებენ ელემენტები ტივტივა (float) ტეგების ქვეშ და რა შედეგი აქვს ასეთ გამოყენებას.
110

float-ების ზემოქმედება მშობელზე

გაკვეთილში ახსნილია თუ რა სახის ზემოქმედება შეუძლია float-ებს მშობელ ელემენტებზე.
111

float-ების მშობელი ელემენტების სიმღლე

გაკვეთილში ახსნილია როგორ შეიძლება მივუთითოთ სიმაღლე float-ების მშობელ ელემენტებს საჭიროების შემთხვევაში.
112

გარემოცვა CSS-ში

გაკვეთილში ახსნილია რას წარმოადგენს გარემოცვა CSS-ში და როგორ უნდა გამოვიყენოთ ის.
113

clearfix და მშობელი ელემენტის სიმაღლე

გაკვეთილში ახსნილია რა ზეგავლენა აქვს ელემენტის სიმაღლეს და clearfix-ზე და როგორ ცვლის ის მის მოქმედებას.
114

თვისება float ბლოკებისთვის

გაკვეთილში ახსნილია თუ როგორ გამოიყენება თვისება float ბლოკებისთვის.
115

თვისება float და რამდენიმე ბლოკი

გაკვეთილში განხილულია როგორ გამოიყენება თვისება float რამდენიმე ბლოკთან CSS-ში და რა შედეგები მოყვება მას.
116

თვისება float და მშობელი ტექსტის გარეშე

გაკვეთილში განხილულია როგორ უნდა გამოვიყენოთ თვისება float მშობელ ელემენტზე რომელსაც ტექსტი არ გააჩნია, ანუ ცარიელია.
117

ფლექს ელემენტების განლაგება მწკრივად ან სვეტად

გაკვეთილში ახსნილია როგორ ხდება ელემენტების განლაგება მწკრივად ან სვეტადფლექს ტექნოლოგიის გამოყენებით CSS-ში.
118

ფლექს ელემენტების განლაგებაგადაბრუნებულ მწკრივში

გაკვეთილში ახსნილია თუ როგორ ხდება ფლექს ელემენტების განლაგება გადაბრუნებულ, ანუ რევერსულ მწკრივში.
119

ფლექს ელემენტების განლაგება სვეტისებურად

გაკვეთილში ახსნილია თვისება, რომელიც უზრუნველყოფს ფლექს ელემენტების განლაგებას სვეტისებურად.
120

ფლექს ელემენტებიანი სვეტის ამოტრიალება

გაკვეთილში ისწავლით როგორ უნდა შექმნათ ამობრუნებული ფლექს ელემენტებიანი სვეტი.
121

მთავარი და განივი ღერძები

გაკვეთილში ახსნილია მთავარი და განივი ღერძების არსი, რომლებიც დაგეხმარებათ ფლექს ელემენტების მართვაში.
122

ფლექს ელემენტების გასწორება მთავარ ღერძზე

გაკვეთილში ახსნილია როგორ უნდა გავასწოროთ ფლექს ელემენტები მთავარ ღერძზე, რომელი თვისებაა პასუხსმგებელი მის გასწორებაზე.
123

ფლექს ბლოკების გასწორება განივ ღერძზე

გაკვეთილში ახსნილია თუ როგორ ხდება ფლექს ბლოკების გასწორება განივ ღერძზე CSS-ში.
124

ცალკეული ელემენტის გასწორება ფლექს მოდელში

გაკვეთილში ახსნილია როგორ ხდება ცალკეული ელემენტების გასწორება ფლექს-მოდელში CSS-ში.
125

ფლექს ბლოკების რიგითობა

გაკვეთილში ახსნილია რას წარმოადგენს ფლექს-ბლოკების რიგითობა და როგორ უნდა ვმართოთ ის.
126

შესავალი გრიდებში

გაკვეთილში განხილულია რას წარმოადგენს CSS Grid. რა დანიშნულება გააჩნია მას და როგორ უნდა გამოვიყენოთ.
127

გრიდების გამოსახვა მიმომხილველის დებაგერში

გაკვეთილში ახსნილია Chrome-ის მაგალითზე, როგორ უნდა გამოვსახოთ გრიდი დებაგერში და ვაკონტროლოთ ელემენტების განლაგება ბადეში.
128

სვეტები გრიდებში

გაკვეთილში განხილულია რას წარმოადგენენს სვეტები გრიდებში, როგორ ხდება მათი გამოყენება და მართვა.
129

ზომის ერთეული fr

გაკვეთილში გავიცნობთ და შევისწავლით ზომის ახალ ერთეულს - fr-ს, რომელსაც ძალიან ხშირად ციყენებენენ დეველოპერები გრიდების გამოყენებისას.
130

ფუნქცია repeat გრიდებში

გაკვეთილში ახსნილია რას წარმოადგენს ფუნქცია repeat გრიდებში და როგორ უნდა გამოვიყენოთ ის.
131

მნიშვნელობა auto გრიდებში

გაკვეთილში ახსნილია რას წარმოადგენს მნიშვნელობა auto გრიდებში, რა შემთხვევაში გამოიყენება ის და როგორ.
132

მნიშვნელობა auto-fill გრიდებში

გაკვეთილში ისწავლით გრიდების ახალ მნიშვნელობას auto-fill, რას წარმოადგენს ის, რა შემთხვევაში უნდა გამოიყენოთ და როგორ.
133

ფუნქცია minmax გრიდებში

გაკვეთილში ახსნილია რას წარმოადგენს ფუნქცია minmax გრიდებში და როგორ გამოიყენება ის.
134

მნიშვნელობა auto-fit გრიდებში

გაკვეთილში ახსნილია მნიშვნელობა auto-fit გრიდებში, მისი მუშაობის გავლენა სვეტებზე.
135

მწკრივები გრიდებში

გაკვეთილში განხილულია მწკრივების არსი და მათი გამოყენების შესაძლებლობა გრიდებში.
136

შემოკლებული ჩანაწერი მწკრივებისა და სვეტებისთვის

გაკვეთილში ახსნილია როგორ შეიძლება შემოკლებულად ჩავწეროთ მწკრივებისა და სვეტების შექმნა CSS-ში.
137

მწკრივების გაერთიანება გრიდებში

გაკვეთილში ახსნილია როგორ ხდება მწკრივების გაერთიანება გრიდებში და რა შემთხვევაში გამოიყენება ის.
138

სვეტების გაერთიანება გრიდებში

გაკვეთილში ახსნილია როგორ ხდება სვეტების გაერთიანება გრიდებში და რა შემთხვევაში გამოიყენება.
139

სვეტების გადაფარვა

გაკვეთილში ახსნილია რას წარმოადგენს სვეტების გადაფარვა გრიდებში.
140

მანძილი სტროფებსა და სვეტებს შორის ცალ-ცალკე და ერთიანად

გაკვეთილში ახსნილია მანძილის შესაქმნელი თვისებები სტროფებსა და სვეტებს შორის როგორც ცალ-ცალკე, ისე ერთიანად მისათითებლად.
141

პრაქტიკული - მენიუს შექმნა

პრაქტიკულ გაკვეთილში ნაჩვენებია როგორ შეიძლება მენიუს შექმნა HTML/CSS-ის გამოყენებით.