Programlama

Css Yazı Özellikleri (css text features)

Css bir tasarımcının hayatında belkide en çok kullandığı programlama dillerinden biridir denebilir aslında bazen sadece css ile harikalar yaratabiliriz şimdi biraz css yazı özelliklerinden bahsedelim.

Yazımıza Css ile Renk Verme                                          ( Örnek: Color )
hex-decimal kodu ile yazıya link verme

h2 {color: #FF0000;}

renk ismi ile yazıya link verme

h2 {color: red;}

RGB kodu ile yazıya link verme

h2 {color: rgb(255,0,0);}

Yukarıda verdiğim üç kodda aynı işi etmekte ve yazımızı örnekdeki şekili vermekte.

Css ile Yazımıza Arkaplan Rengi Tanımlama       ( Örnek:Önemli Bilgi)
Bu css özelliğimiz ile herhangi bir makaledeki önemli bir bilginin arkaplanına yukarıdaki örnekteki gibi renk verebiliriz.

< span style=”background-color: red;”>önemli< /span>

Css ile Yazılarımızı Hizalayalım
Sayfa içinde yazılarımızı sağa,sola,ortaya hizalamak için 3 adet css kodumuz vardır bunlar ;

text-align: left;
text-align: center;
text-align: right;

İlk kodumuz yazımızı sola hizalamaya ikinci kodumuz ortalamaya üçüncü kodumuz ise yazımızı sağa hizalamaya yaramaktadır.

Css Çizgi Özellikleri
Css çizgi özellikleri ile yazımızın üstüne altına ve ortasına çizgi çizebiliriz.

Bu kod yazımızın altını çizmektedir.

#etiket {text-decoration: underline;}

Bu kod yazımızın üstünü çizmektedir.

#etiket {text-decoration: overline;}

Bu kod yazımızın ortasını çizmektedir.

#etiket {text-decoration: line-through;}

Css ile Makale Boşluğu Kodu
Bu css özelliği ile dergi,makale ve gazete yazıları gibi yazılarda gördüğünüz gibi yazıların başında istediğiniz boyutlarda boşluk bırakmanızı sağlar paragraf gibi.

#etiket {text-indent: 2cm;}

Genel olarak css yazı özelliklerimize değinmiş bulunduk ilerleyen zamanlarda daha değişik ve yeni css kodlarını ve anlatımlarını örneklerle sizlere sunmaya çalışıcam..

1 Yorum

Düşüncelerinizi Paylaşın