Mühazirə №6-10 css mövzunun məqsədi

font-weight xüsusiyyəti

Bu xüsusiyyət ilə bold və ya normal arasında şriftin çəkisi üçün seçim edilir.Şriftin çəkisi rəqəm ilədə ifadə edilə bilər.Məsələn

• Şriftin ölçüsü-font-size xüsusiyyəti
• Şriftlərin ölçüsü faizlə piksellə ,pt,em vəya ingiliscə small,medium,large,smaller,larger və digər sözlərlə təqdim edilə bilər.
• Şriftlə bağlı olan bu xüsusiyyətləri qisaldılmış olaraq font yazısı ilə də təqdim etmək olur.Məsələn aşağıdakı

• p {
• font-style: italic;
• font-weight: bold;
• font-size: 30px;
• font-family: arial, sans-serif;
• }

• yazını qisaldılmış olaraq

• p {
• font: italic bold 30px arial, sans-serif;
• }

• göstərmək olar.

• Font xüsusiyyətlərinin ardıcıllığını

• font-style | font-variant | font-weight | font-size | font-family

• olaraq vermək lazımdır.

• Mətnlərin formatlanması
• Boşluqlar-text-indent xüsusiyyəti
• Bu xüsusiyyət vasitəsi ilə məsələn paraqraf p teqi üçün onun birinci sətirinin daha yuxarıdakı mətnlə arasında boşluq qoyulması imkanı verir.Məsələn
• p {
• px;
• }

• Mətnin düzləndirilməsi –text-align xüsusiyyəti
• Bu xüsusiyyətdən mətnin horizontal olaraq düzləndirilməsi zamanı istifadə edilir.Mümkün dəyərləri center, left ,right və justify-dır.

• Mətnin dekorasiyasi-text-decoration xüsusiyyəti
• Dəyərləri:overline,line-through,underline.Aşağıda hər 3 hal nümunədə göstərilmişdir.

• h1 {
• text-decoration: overline;
• }
• h2 {
• text-decoration: line-through;
• }
• h3 {
• text-decoration: underline;
• }

• Hərflər arasında məsafə-line-spacing xüsusiyyəti
• Əgər məsələn paraqraf və ya başlıqlarda sözlərdə hərflər arasında məsafəni artırıb azaltmaq istədikdə bu xüsusiyyət istifadə edilir.Hərflər arasında məsafə piksel ilə verilir.Məsələn
• h1 {
• letter-spacing: 6px;
• }
• p {
• letter-spacing: 3px;
• }

• Mətnin transformasiyası-text-transform xüsusiyyəti
• Bu xüsusiyət mətnin aşağı və ya yuxarı reqistra çevrilməsi məqsədi ilə istifadə edilir.Mümkün dəyərləri :capitalize,uppercase,lowercase,none
• Capitalize sözlərin ilk hərfləri yuxarı reqistrla sonrakı hərfləri isə aşağı reqistra transformasiya edilir
• Uppercase sözün bütün hərflərini yuxarı reqistra çevirir
• Lowercase hərfləri aşağı reqistra çevirir.
• None sözlər heç bir transformasiyaya məruz qalmır

• Məsələn
• uppercase {
• text-transform: uppercase;
• }
• lowercase {
• text-transform: lowercase;
• }
• capitalize {
• text-transform: capitalize;
• }
• ...
• 
  This is some text.
  
• 
  This is some text.
  
• 
  This is some text.
  

• İstinadların formatlanması
• Yuxarıda sadaladığımız format xüsusiyyətlərini istinad teqi olan a elementi üzərində daha ətraflı nəzər yetirək.
• Psevdoklass HTML-teqlərinin xüsusiyyətlərinin təyini vaxtı müxtəlif şərtləri və ya hadisələri nəzərə almağa icazə verir. HTML-də istinadları a teqi vasitəsi ilə təqdim edirlər.Bu teqi CSS-də selector olaraq da göstərmək olur.Məsələn
• a {
• color: blue;
• }

• İstinadlar müxtəlif vəziyyətdə nümayiş oluna bilir.Məsələn baş çəkilmiş(click edilmiş),ziyarət edilməmiş(click edilməmiş).Bu halda CSS-də elavə xüsusiyyətlər verilərkən aşağıdakı nümunədəki kimi psevdoklasslar istifadə edilir.
• a:link {
• color: blue;
• }
• a:visited {
• color: red;
• }

• Burada link və visited yazıları psevdoklasslari göstərir.Adi halda linklər əgər klik edilməyibsə(a:link) göy ziyarət edilibsə(a:visited) isə qirmizi rəngdə təsvir edilir.Aktiv linklər üçün a:active üzərinə mouse ilə gəlinən linki isə a:hover psevdoklasi vasitəsi ilə stil vermək olar.

• Aşağıdakı nümunəyə baxaq.Bildiyimiz kimi linklər susmaya görə altdan xətt çəkilmiş vəziyyətdə nümayiş olunur səhifədə.
• 
  Mouse over the links to see them change layout.
  
• 
  This link changes color
  
• 
  This link changes font-size
  
• 
  This link changes background-color
  
• 
  This link changes font-family
  
• 
  This link changes text-decoration
  
•