# CSS: ელეგანტურობით ვებ სტილის შექმნა
თუ HTML არის ვებგვერდის ჩონჩხი, მაშინ CSS (Cascading Style Sheets) არის მისი სამოსი, რომელიც უზრუნველყოფს სტილს და ელეგანტურობას. დღეს მოდით დავიწყოთ მოგზაურობა CSS-ის მაგიის გასაგებად.
რა არის CSS?
CSS ნიშნავს კასკადური სტილის ფურცლებს. ეს არის სტილის ფურცლის ენა, რომელიც გამოიყენება HTML-ში დაწერილი დოკუმენტის გარეგნობისა და ფორმატირების აღსაწერად. CSS საშუალებას გაძლევთ დააყენოთ ფერები, შრიფტები, სიგანეები, სიმაღლეები, მინდვრები, ბალიშები და მრავალი სხვა.
რატომ არის CSS მნიშვნელოვანი?
შინაარსისა და სტილის გამიჯვნა : CSS-ის გამოყენებით, ვებ დეველოპერებს შეუძლიათ განასხვავონ შინაარსი (HTML) პრეზენტაციისგან (CSS). ეს მოდულარობა ნიშნავს უფრო მარტივ შენარჩუნებას და მეტ თანმიმდევრულობას.
თანმიმდევრულობა გვერდებს შორის : ერთ CSS ფაილს შეუძლია აკონტროლოს მრავალი HTML გვერდის გამოჩენა, რაც უზრუნველყოფს ერთგვაროვნებას დიდ ვებსაიტებში.
საპასუხო დიზაინი : CSS-ით, ჩვენ შეგვიძლია ვებ გვერდები ლამაზად გავხადოთ ნებისმიერ მოწყობილობაზე, დესკტოპიდან სმარტფონებამდე.
ძირითადი CSS ცნებები:
- სელექტორები (Selectors) : მიუთითეთ რომელი HTML ელემენტები უნდა იყოს სტილიზებული. მაგალითად, h1არის სელექტორი ყველა პირველი დონის სათაურებისთვის.
- თვისებები (Properties) : სელექტორის ასპექტები, რომელთა შეცვლა გსურთ. მაგალითად, colorან font-size.
- მნიშვნელობები (Values) : დაწყვილებულია თვისებებთან ზუსტი სტილის დასადგენად. თვისება color -თვის შეიძლება იყოს მნიშვნელობა - red ან #FF0000.
ძირითადი CSS მაგალითი:
ზემოთ მოყვანილ მაგალითში, h1 ტექსტის ფერი იქნება ლურჯი და ფონტის ზომა 24 პიქსელი, ხოლო აბზაცის (p) ტექსტის ფერი იქნება ნაცრისფერი და გამოიზენებს Arial ფონტს.
როგორ გავაერთიანოთ CSS HTML-თან:
1. პირდაპირ HTML ელემენტებში 'style'-ის ატრიბუტი გამოყენებით.
2. '<style>' ტეგის გამოყენებით HTML დოკუმენტის '<head>'-ში
3. ცალკე (.css) ფაილიდან '<link>' ტეგის საშვალბით შემოტანა HTML -ში
ამასთან, CSS მუდმივად ვითარდება და წინასწარი პროცესორის სკრიპტირების ენებთან რთად, როგორიც არის SASS da LESS, ვებ დიზაინის შესაძლებლობები გაუთავებელია.
გაინტერესებთ თქვენი ცოდნის გაღრმავება?
გადახედეთ ჩვენი კურსებს აქ .https://puga.ge/courses.
CSS ანიჭებს სიცოცხლეს და სილამაზეს ინტერნეტს. ეს არის შეუცნობელი გმირი, რომელიც მუშაობს კულისებში და აქცევს ძირითად სტრუქტურებს ვიზუალურად მიმზიდველ ვებ გვერდებად. იქნებით თქვენ ახალბედა ვებ დეველოპერი თუ გამოცდილი პროფესიონალი, თქვენი CSS უნარების დახვეწა ყოველთვის იქნება ღირებული აქტივი ციფრულ სამყაროში.
