Css Eğitimi Ders 10-Gruplama

<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 /> Şimdi Css'yi daha kolay kullanmak için bir kaç şey göreceğiz.<br /> <h3> Gruplama</h3> <div> Şu kodu inceleyelim:</div> <br /><br /> h2 { color: orange; } <div> h4 { color: orange; } </div> <div> h6 { color: orange; }</div> <div> <br /></div> <div> Hepsinin özellikleri aynı ve bunları tek hamlede yazma ihtimalimiz yok mu? Tabiki var. İşte buna gruplama diyoruz. Gruplama şu şekilde yapılır:</div> <div> <br /></div> <div> h2, h4, h6 {</div> <div> color: orange;</div> <div> }</div> <div> <br /></div> <div> Bu şekilde daha kısa bir css kodu kullandık.</div> <div> <br /></div> <h3> Özel Classlar</h3> <div> Şu kodu inceleyelim:</div> <div> <br /></div> <div> <p> 1. Paragraf </p></div> <div> <p> 2. Paragraf </p></div> <div> <br /></div> <div> Ben 1.'sini normal ve 2.'sini kırmızı istiyorum. O halde css kodum 2 class şeklinde yazmam gerekiyor. Yani bir normal yapan class ve birde kırmızı yapan class. Bunun yerine özel classları kullanırız. Yani bir etiket için özel classlar vardır. Bunlar:</div> <div> <br /></div> <div> p.kirmizi {</div> <div> color: kirmizi;</div> <div> }</div> <div> <br /></div> <div> Bu şekilde p etiketine özel bir paragraf oluşturduk. Bunu kullanırsak:</div> <div> <br /></div> <div> <p class="kirmizi"> Kırmızı Paragraf </p></div> <div> <br /></div> <div> Sadece "kirmizi" yazdık. "p.kirmizi" değil!</div> <div> <br /></div>

Css Eğitimi Ders 10-Gruplama

Merhaba, Şimdi Css'yi daha kolay kullanmak için bir kaç şey göreceğiz. Gruplama Şu kodu inceleyelim: h2 { color: orange; }  h4...

Devamı »