< Return to Video

More CSS text properties

  • 0:01 - 0:04
    მისმინეთ ხალხო.
    CSS-ის ფუნქციები არასდროს დამთავრდება.
  • 0:04 - 0:06
    მოდი, ცოტა მეტს გაჩვენებთ.
  • 0:06 - 0:09
    როგორ შევცვალოთ
  • 0:09 - 0:12
    ჩემს სიმღერის ტექსტში ხაზებს
    შორის დაშორება?
  • 0:12 - 0:16
    მე შემიძლია გამოვიყენო `line-height` თვისება,
  • 0:16 - 0:19
    და დავაკონკრეტო პიქსელებში, მაგ: 15px.
  • 0:19 - 0:25
    ან, შეიძლება ჯობდეს 1.5em-ით განვსაზღვრო,
    რომელიც ხაზის სიმაღლეს
  • 0:25 - 0:28
    ტექსტის ზომის 150 % ს გახდის.
  • 0:28 - 0:32
    და რა ვქნა, თუ მინდა ჩემი სიმღერის ტექსტი
    გვერდის შუაში იყოს?
  • 0:32 - 0:36
    მე შემიძლია გამოვიყენო `text-align`(ტექსტის განლაგება)
    თვისება, და მივუთითო `center`(ცენტრი).
  • 0:37 - 0:39
    მე შემიძლია ასევე `right`ის (მარჯვნივ)- ან
    `justified` მითითება,
  • 0:39 - 0:42
    თუმცა, ვფიქრობ, ეს ცოტა უცნაური იქნება.
  • 0:42 - 0:45
    და რა ვქნა, თუ მინდა მთავარი აბზაცის
    ხაზგასმა?
  • 0:46 - 0:49
    ამისთვის შემიძლია გამოვიყენო `text-decoration`
    თვისება
  • 0:49 - 0:52
    და შემდეგ`underline` .
  • 0:53 - 0:57
    ხოლო თუ მათი წაშკა მინდა ჩემი ბმულებიდან?
  • 0:57 - 0:58
    მაგალითად ვიკიპედიის ბმულიდან?
  • 0:59 - 1:01
    კარგი, ბრაუზერს აქვს დეფოლტ სტილები
  • 1:01 - 1:03
    რომლებიც ყველაფერს მიემართება.
  • 1:03 - 1:05
    მაგალითად, `text-decoration: underline` ბმულებისთვის.
  • 1:05 - 1:09
    მაგრამ ჩვენ შეგვიძლია გამოვიყენოთ CSS
    რათა უგულებელვყოთ ბრაუზერის დეფოლტ სტილები
  • 1:09 - 1:11
    და მივუთითოთ- `text-decoration: none`.
  • 1:12 - 1:19
    უბრალოდ დავამატოთ წესი აქ :
    { text-decoration: none; }
  • 1:20 - 1:23
    და თქვენ ხედავთ, რომ ის აღარაა ხაზგასმული.
  • 1:23 - 1:25
    მაგრამ ჩვენ ყურადღებით უნდა ვიყოთ ამის
    კეთებისას,
  • 1:25 - 1:28
    რადგან დეფოლტები, ზოგადად, რაღაც
    მიზეზით შეირჩა,.
  • 1:28 - 1:31
    თუ ბმულები არ იქნება ხაზგასმული,
    როგორ მიხვდნენ ადამიანები, რომ ისინი ბმულებია?
  • 1:31 - 1:35
    რა მოხდება, თუ ისინი არასდროს დააწკაპუნებენ
    მათზე, რადგან ჩვეულებრივი ტექსტი ეგონებათ?
  • 1:35 - 1:39
    თუ ჩვენ წავშლით ხაზებს,
    ჩვენ უნდა ვიყოთ დარწმუნებული,,
  • 1:39 - 1:42
    რომ ბმულები რამე სხვა გზით ჩანს
    გამორჩეულად.
  • 1:42 - 1:44
    წინააღმდეგ შემთხვევაში, მომხმარებლები
    დაღონდებიან.
  • 1:44 - 1:46
    ეს კი მეც მადარდებს,
  • 1:46 - 1:48
    და თქვენც უნდა გადარდებდეთ.
  • 1:49 - 1:52
    მე შემიძლია მთელი დღე გესაუბროთ
    ტექსტურ თვისებებზე.
  • 1:52 - 1:54
    მაგრამ, ამას არ გავაკეთებ, რადგან კიდევ
    ბევრ რამ გვაქვს სასწავლი.
  • 1:54 - 1:56
    აქ CSS -ის ასამდე თვისებაა
  • 1:56 - 1:58
    და ბრაუზერები ყოველ წელს კიდევ ამატებენ.
  • 1:58 - 2:01
    ალბათ, ყველას ვერასდროს აგიხსნით.
  • 2:01 - 2:03
    მაგრამ, საბედნიეროდ, მე შემიძლია საკმარისი
    გითხრათ იმისთვის, რომ ჩაგრთოთ.
  • 2:03 - 2:06
    და შემდეგ,თუ თქვენ მოგინდებათ ზოგიერთი სტილისთვის
    ამა თუ იმ თვისების არსებობაზე გაგება
  • 2:06 - 2:08
    და ის არ არის ჩვენს დოკუმენტაციაში აქ,
  • 2:08 - 2:11
    შეგიძლიათ თავად მოძებნოთ.
  • 2:11 - 2:13
    მაგალითად, თუ გსურთ გაიგოთ,
  • 2:13 - 2:15
    შეგიძლიათ თუ არა დაამატოთ ჩრიდილი
    თქვენს ტექსტს,
  • 2:15 - 2:18
    უბრალოდ ჩაწერეთ "CSS text shadow"
    ინტერნეტში,
  • 2:18 - 2:19
    და თქვენ უამრავ შედეგს ნახავთ.
  • 2:20 - 2:22
    ზოგადად, ინტერნეტში ძებნის უნარი
  • 2:22 - 2:23
    თქვენი შეკითხვებისთვის პასუხების
    მისაღებად,
  • 2:23 - 2:25
    დეველოპერისთვის ნამდვილად
    მნიშვნელოვანია.
  • 2:25 - 2:28
    რადგან, იმდენ ადამიანს აქვს იგივე შეკითხვა,
    რაც თქვენ,
  • 2:28 - 2:32
    და 99.9 პროცენტ შემთხვევაში
    პასუხსაც იპოვით.
  • 2:32 - 2:35
    უბრალოდ, კარგად უნდა მოძებნოთ.
Title:
More CSS text properties
Description:

more » « less
Video Language:
English
Duration:
02:35

Georgian subtitles

Incomplete

Revisions