Css Eğitimi Ders 5-Yazı

Merhaba,
Bir önceki ders ile arkaplanınızı belirttiyseniz şimdi biraz yazılarla oynayalım.

Yazı Rengi

Aynı arkaplanda yaptığımız gibi ama biraz farklı yazı rengi belirleyelim. Örneğin:

a {

color: white; 

}

Bu stil ile bütün a kümelerinin beyaz olmalarını sağladık.

Yazı Hizası

Normalde kullandığımız sağda, solda ve ortada özelliklerini kullanalım. Örneğin:

a {

text-align: justify; 

}

Bu sayede bütün a kümelerinin tam sağ ve sola dayanmasını sağladık. Bütün özellikleri görelim:

• left : Sol
• right : Sağ
• center : Orta
• justify : Tam

Yazı Dekorasyonu

Bir yazıdaki dekorasyonları kaldırmak için kullanılır. "none" değeri hayır anlamındadır. Örneğin:

a {

text-decoration: none; 

}

Bu şekilde tüm dekorasyonlar kalkar.

Yazıda İndent

İndent özelliği başlamadan önce başta bırakılan boşluktur. Örneğin:

p {

text-indent: 50px; 

}

Bu sayede paragraf başlamadan 50px boşluk bırakabiliriz.

Yazıda Spacing

Yazıda spacing kelime ve harf arasında boşluk oluştumak amaçlı kullanılır. 2'ye ayrılır.

     Letter-Spacing

Harfler arasında boşluğu belirtir. "px" olarak belirtilebilir.

     Word-Spacing

Kelimeler arasında boşluğu belirtir. "px" olarak belirtilebilir.

Yazı Fontu

Font belirlemek için font-family özelliği kullanılır. Örneğin:

a {

font-family: Times New Roman;

}

Bu şekilde yazının "Times New Roman"  olmasını sağladık.

Yazı Büyüklüğü

Yazı büyüklüğü belirlerken font-size özelliği kullanılır. Örneğin:

a {

font-size: 12pt;

}

Burada punto dışında büyüklük şekilleri kullanabiliriz. Örneğin "px".

Yazı Özellikleri

Yazı özelliği kullanarak yazıyı bold, italik yapabiliriz. Örneğin:

a {

font-style: italic;

font-weight: bold;

}

Yazıları normal haline getirmek için ise "normal" ifadesini kullanırız.

Daha pek çok örnek verilebilir fakat şimdilik bunları bilmeniz yeterli.