Hakkı Duman – Wordpress, Seo ve Opencart Uzmanı

Css Yazı Özellikleri (css text features)

Css Yazı Özellikleri (css text features) 1Css 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..

BİR YORUM YAZIN

ZİYARETÇİ YORUMLARI - 1 YORUM
  1. elyense dedi ki:

    peki yazıya photoshoptaki gibi crisp, strong gibi özellik verebiliyor muyuz?

Copyright 2010 Hakkı DUMAN Kişisel Blog. Tüm hakları saklıdır.

İstanbul escort Ataşehir escort Pendik escort Kartal escort Maltepe escort Ümraniye escort Kurtköy escort Kadıköy escort Anadolu yakası escort Avrupa yakası escort Şişli escort Mecidiyeköy escort Şirinevler escort Avcılar escort Halkalı escort Beylikdüzü escort Bakırköy escort Ataköy escort