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}