TIKLA
  • Anasayfa
  • Favorilere Ekle
  • Site Haritası
  • https://www.facebook.com/edkirtasiye?ref=hl
  • https://plus.google.com/b/106886206509708574199/106886206509708574199/posts
  • https://twitter.com/egitimdunyamiz
Ziyaret Bilgileri
Aktif Ziyaretçi3
Bugün Toplam119
Toplam Ziyaret1365887
ANKET
Sizce Eğitim Sisteminin En Büyük Eksikliği Nedir?
Site Haritası
REKLAM4
reklam5
REKLAM2
REKLAM1
REKLAM

CSS Yazılar

Bu sayfada HTML sayfanızda kullandığınız yazıların değiştirebileceğiniz belli başlı özellikleri (renk, hiza, kalın vb) hakkında bilgi verilecektir.

Yazı biçimlendirme ile ilgili komutlardan tanıyacaklarımız:

  • color
  • text-align
  • text-decoration
  • text-transform
  • text-indent

color: Yazı Rengi

Yazının rengini belirlemenizi sağlar 

      p { color: blue; }

   

text-align: Hizalama

Yazının yatay yönde ne şekilde hizalanacağını belirtmenizi sağlar. En çok kullanılan dört hizalama yöntemi:

  • left : sol
  • right : sağ
  • center : ortalanmış
  • justify : iki yana yasla
Aşağıda paragrafların iki yana yaslanacağını belirttik:

      p { text-align: justify; }

   

text-decoration: Yazı Biçimi

Yazının biçiminde bazı değişiklikler yapmamızı sağlar. Örneğin tarayıcı varsayılanında sürekli A elementlerindeki altı çizgili dekorasyonu kaldırmak için aşağıdaki yazılabilir.

      a { text-decoration: none; }

   

text-transform: Yazıda Değişiklik Yap

Yazılan bir yazıyı otomatik olarak tüm harflerini büyük harfle yazmayı ya da tamamını küçük harfle yazmayı sağlar.

  • uppercase : tüm harfleri büyük harf yap
  • lowercase : tüm harfleri küçük harf yap
      h1 { text-transform: upperline; }

   

text-indent: Soldan Boşluk

Bir yazının başında belirtilen büyüklükte boşluk bırakmanızı sağlar. Özellikle paragraflar için kullanılır.

      /* 50 piksel ilk satırda boşluk bırakılacak */
      p { text-indent: 50px; }

   

NOT: Piksel (px), inç (in), punto (pt), santim (cm), yüzde (%) gibi stillerin sonuna eklenen ölçüler her zaman sayıya bitişik yazılır. 50px doğru ancak 50 px yanlış.

Diğer Yazı Şekillendirme Komutları

line-height: Satır yüksekliğini belirtmemizi sağlar.

letter-spacing: Harfler arasında belirtilen değerde boşluk koyar.

word-spacing: Kelimeler arasında belirtilen değerde boşluk koyar.
Yorumlar - Yorum Yaz


 TIKLA