Css Eğitimi Ders 5-Yazı

<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRn6g5w5vuV4vMz1nyOFuw-90T45P85arbtihwjduHirEXC7svCFrFetpdB37bh2wSdieNmSMYuordTTOYwKZZeC9IgVs3ULuJLOkzv3m2oK8H25u7FndeSvezH0HVRp-dq9YeaD_gMGtu/s1600/5035a79ebf516.preview-620.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="116" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRn6g5w5vuV4vMz1nyOFuw-90T45P85arbtihwjduHirEXC7svCFrFetpdB37bh2wSdieNmSMYuordTTOYwKZZeC9IgVs3ULuJLOkzv3m2oK8H25u7FndeSvezH0HVRp-dq9YeaD_gMGtu/s1600/5035a79ebf516.preview-620.jpg" width="200" /></a></div> Merhaba,<br /> Bir önceki ders ile arkaplanınızı belirttiyseniz şimdi biraz yazılarla oynayalım.<br /> <h3> Yazı Rengi</h3> <div> Aynı arkaplanda yaptığımız gibi ama biraz farklı yazı rengi belirleyelim. Örneğin:</div> <div> <br /></div> a {<br /> <div> color: white; </div> <div> }</div> <div> <br /></div> <div> Bu stil ile bütün a kümelerinin beyaz olmalarını sağladık.</div> <h3> Yazı Hizası</h3> <div> Normalde kullandığımız sağda, solda ve ortada özelliklerini kullanalım. Örneğin:</div> <div> <br /></div> a {<br /> <div> text-align: justify; </div> <div> }</div> <div> <br /></div> <div> Bu sayede bütün a kümelerinin tam sağ ve sola dayanmasını sağladık. Bütün özellikleri görelim:<br /> <ul> <li>left : Sol</li> <li>right : Sağ</li> <li>center : Orta</li> <li>justify : Tam</li> </ul> <h3> Yazı Dekorasyonu</h3> </div> <div> Bir yazıdaki dekorasyonları kaldırmak için kullanılır. "none" değeri hayır anlamındadır. Örneğin:</div> a {<br /> <div> text-decoration: none; </div> <div> }</div> <div> <br /></div> <div> Bu şekilde tüm dekorasyonlar kalkar.</div> <h3> Yazıda İndent</h3> <div> İndent özelliği başlamadan önce başta bırakılan boşluktur. Örneğin:</div> <div> <br /></div> p {<br /> <div> text-indent: 50px; </div> <div> }</div> <div> <br /></div> <div> Bu sayede paragraf başlamadan 50px boşluk bırakabiliriz.</div> <div> <br /></div> <div> <h3> Yazıda Spacing</h3> <div> Yazıda spacing kelime ve harf arasında boşluk oluştumak amaçlı kullanılır. 2'ye ayrılır.</div> <h4>      Letter-Spacing</h4> <div> Harfler arasında boşluğu belirtir. "px" olarak belirtilebilir.</div> <h4>      Word-Spacing</h4> <div> Kelimeler arasında boşluğu belirtir. "px" olarak belirtilebilir.<br /> <h3> Yazı Fontu</h3> </div> </div> <div> Font belirlemek için font-family özelliği kullanılır. Örneğin:</div> <div> <br /></div> <div> a {</div> <div> font-family: Times New Roman;</div> <div> }</div> <div> <br /></div> <div> Bu şekilde yazının "Times New Roman"  olmasını sağladık.</div> <h3> Yazı Büyüklüğü</h3> <div> Yazı büyüklüğü belirlerken font-size özelliği kullanılır. Örneğin:</div> <div> <br /></div> <div> a {</div> <div> font-size: 12pt;</div> <div> }</div> <div> <br /></div> <div> Burada punto dışında büyüklük şekilleri kullanabiliriz. Örneğin "px".</div> <h3> Yazı Özellikleri</h3> <div> Yazı özelliği kullanarak yazıyı bold, italik yapabiliriz. Örneğin:</div> <div> a {</div> <div> font-style: italic;</div> <div> font-weight: bold;</div> <div> }</div> <div> <br /> Yazıları normal haline getirmek için ise "normal" ifadesini kullanırız.<br /> <br /></div> <div> Daha pek çok örnek verilebilir fakat şimdilik bunları bilmeniz yeterli.</div>

Css Eğitimi Ders 5-Yazı

Merhaba, Bir önceki ders ile arkaplanınızı belirttiyseniz şimdi biraz yazılarla oynayalım. Yazı Rengi Aynı arkaplanda yaptığımız gibi...

Devamı »