3nDizayn.NET | Gemlik Web Tasarım | İşim Gücüm Tasarım | Css İle Yazı Şekillendirme
2258
post-template-default,single,single-post,postid-2258,single-format-standard,ajax_fade,page_not_loaded,smooth_scroll,

Blog

 
Yayınlayan hasansengun Kategori : Web Tasarım

Css İle Yazı Şekillendirme

Merhaba Arkadaşlar ,

Şuan notebook ‘un başına günün 2. yazısını yazmak için oturmuş bulunuyorum. Bu yazımda sizlere css ile yazı stili değiştirme, css ile yazı hizalama, css text decoration, css ile text transform,css text indent hakkında bilgiler vereceğim. Bu özellikler sayesinde Html ile belirli bir yere kadar gelip takıldığınız noktadan sonra kullanabileceğiniz bir takım materyaller elde edebilir siniz. Şimdi başlayalım belirli başlı css yazı özelliklerine ;

Yazı Rengi

Css kullanarak yazıları 3 farklı şekilde değiştirebilirsiniz.

İngilizce Renk İsmiyle : Mesela Red yazabilirsiniz.
RGB değeri ile : Mesela rgb(255,0,0)
Hex değeri ile : #000000
p {color:red;}
p{color:rgb(255,0,0)}
p{color:#FF000}
Yazı Hizalama

Css nin bu özelliği yazılarınızı sağa,sola,ortaya ve iki yana yaslı bir şekilde hizalamanıza yarar.

p {text-decoration:;} /*Yazıyı Sola Hizalama*/
p {text-align:right;} /*Yazıyı Sağa Hizalama*/
p {text-align:center;} /*Yazıyı Ortalama*/
p {text-align:Justify;} /*Yazıyı İki Yana Yasla*/
h1 {text-decoration:overline} /* Yazının üst tarafı çizili olur */
h2 {text-decoration:line-through} /* Yazınızın Üzeri çizili Olur */
h3 {text-decoration:underline} /* Yazının Altı Çizili Olur*/
h4 {text-decoration:none} /* Yazıya biçim uygulanmaz */
Text Decoration

Css nin bu özelliği yazılarınızın bazı özelliklerini değiştirir. Mesela yazınızı üstü çizili , altı çizili ve üzeri çizili gösterebilirsiniz.
Örnek ;

h1 {text-decoration:overline} /* Yazının üst tarafı çizili olur */
h2 {text-decoration:line-through} /* Yazınızın Üzeri çizili Olur */
h3 {text-decoration:underline} /* Yazının Altı Çizili Olur*/
h4 {text-decoration:none} /* Yazıya biçim uygulanmaz */
Text Transform

Css nin bu özelliği benim en sevdiğim özelliğidir. Bir web tasarımcının muhakkak başvuracağı bir yöntemdir bence.
Örnek ;

text-transform: lowercase; /* Hepsi küçük harf */
text-transform: uppercase; /* Hepsi büyük harf */
text-transform: capitalize; /* İlk harfler büyük */
Text İndent

Css nin bu özelliği paragraf başı yapmaya yarar. Paragraf belirtilen değer kadar içerden başlar.
Örnek ;

p {text-indent:50px}

Yorum Yaz