CSS ტრენინგი

ამ გვერდზე მინდა შემოგთავაზოთ CSS-ის ტრენინგის პროგრამა და სილაბუსი

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

1. CSS – ვიწყებთ CSS -ის საწყისების შესწავლას

CSS (Cascading Style Sheets) კასკადური ცხრილების საშუალებით ხორციელდება ვებ-გვერდის დიზაინის აგება. შეიძლება ითქვას, რომ CSS -ში იჭრება ვებგვერდის ჩონჩხი, შემდეგ მასში ისმება...

2. CSS – სტრუქტურა და კომენტარები CSS – ში

html ობიექტებისათვის სტილის მინიჭება ხდება მათი სახელების გამოცხადებისას: html ობიექტი { css კოდი } განვიხილოთ მაგალითები ზოგიერთ მათგანზე: Body { background-color: #000;...

3. CSS – თვისება background

თვისება background -ის საშუალებით ხდება ვებ-გვერიდს ფონის სტილის შექმნა, მას აქვს შემდეგი პარამეტრები: background-color ადგენს ფონის ფერს – (ფერების კოდები, ან მათი...

4. CSS – width, height, margin და padding თვისებები

თვისება width განსაზღვრავს ობიექტის სიგანეს, ხოლო height ობიექტის სიგრძეს, ის იღებს მნიშვნელობებს, როგორც პიქსელებში ასევე პროცენტებში და სხვა საზომ ერთეულებში. [crayon-57fb8008a4a01247958832/] თვისება...

5. CSS – თვისება font

font თვისების საშუალებით ხორციელდება შრიფტის ფორმატირება. მომდევნო ეტაპზე განვიხილოთ font თვისების პარამეტრები: font-family შრიფტის შერჩევა – (Arial, Sylfaen, Georgian, Sans-serif და სხვა) font-size...

6. CSS – თვისება text

text-align – ტექსტის მდებარეობა left – მარცხნივ right – მარჯვნივ center – ცენტრში justify – ორმხრივად გასწორებული ტექსტი text-decoration – ტექსტის დიზაინი blink –...

7. CSS – თვისება border

თვისება border საზღვრავს ობიექტის ჩარჩოს სისქეს, სტილს და ფერს. border – ჩარჩო ობიექტის, ფენის, გარშემო (ოთხივე მხარეს) განსაზღვრა სტილის ფერის და სისქის...

8. CSS – ობიექტის მდებარეობის განსაზღვრა, თვისება z-index

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

9. CSS – თვისება list-style, cursor და direction თვისებები

list-style– ეს თვისება ადგენს ჩამონათვლებისა და სიების  წარმოდგენისსტილს. list-style-type  – ჩამონათვლების დასიების მარკერის სტილის ტიპი circle – მარკერი...

10. CSS – display, opacity, overflow და outline თვისებები

display – ეს თვისება მიუთითებს, თუ როგორ უნდა მოხდეს ობიექტის ეკრანზე განთავსება. მისი მნიშვნელობებია: block – ელემენტი გამოისახება, როგორც ბლოკი ჩამონათვალის (ვერტიკალურად) inline –...

11. CSS – visibility, clear, before, after, content, MAX, MIN თვისებები

თვისება visibility საშუალებას გვაძლევს სურვილისამებრ დავმალოთ ან გამოვაჩინოთ ნებისმიერი ობიექტი ჩვენს ვებგვერდზე visibility: hidden; – ამ შემთხვევაში ობიექტი უხილავია visibility: visible; –...

12. CSS – link, focus, hover თვისებები და ჩამოშლადი მენიუს შექმნა

თვისება link განკუთვნილია ვებგვერდზე არსებული ბმულების (ლინკების) სტილის შესაქმნელად: a:link – ბმულის სტილი (ყველა ბმულის) a:hover – ბმულის სტილი მაუსის მიახლოების დროს...

გისურვებთ წარმატებას

მსგავსი თემები: gak , gakcss , prog , progcss , trening